Vue.js 新闻

用可缩放元素优化图表布局

4月 4, 2025
用响应式图表在所有设备上解锁数据洞察，该些图表可动态调整以实现最佳查看和交互。

Responsive behavior in chart controls refers to the automatic adjustment of a chart’s layout, dimensions, and visual elements to fit the screen size or container in which it is rendered. This functionality ensures that charts remain readable and usable across a wide range of devices, from desktops to tablets and smartphones, without requiring manual configuration for each format. The benefits include reduced development overhead, improved user experience, and consistent presentation of data regardless of platform. Common use cases include dashboards in web applications, analytics platforms, and mobile-first reporting tools, where users expect seamless interaction and clear data visualization across multiple device types.

Several JavaScript chart controls support responsive behavior, including:

  • DevExtreme Chart by DevExpress lets you create responsive charts that adapt to screen size, ensuring consistent readability and layout across all devices.
  • Highcharts Core by Highsoft intelligently adjusts chart elements, including labels and legends, to maintain readability and interactivity across all screen sizes and platforms.
  • Syncfusion JavaScript Chart offers fluid resizing capabilities, automatically optimizing the charts appearance for consistent data exploration on different displays.
  • AnyChart JS enables adaptive chart creation that scales and repositions elements to ensure clarity and usability across all devices and browsers.

For an in-depth analysis of features and price, visit our JavaScript chart controls comparison.

Compare JavaScript Chart Controls

用响应式列调整网格视图

3月 28, 2025
Kendo UI for Vue 2025 Q1 通过根据视口宽度自动调整列可见性来改进响应式网格设计。

Kendo UI by Telerik is a comprehensive suite of JavaScript UI components designed to accelerate web application development. Offering pre-built, customizable elements for grids, charts, schedulers, and more, it streamlines UI creation across popular frameworks like jQuery, Angular, React, and Vue. Key features include responsive design, accessibility, and high performance, enhancing user experience. Developers benefit from reduced development time, consistent UI patterns, and the ability to build feature-rich applications faster.

The Kendo UI for Vue 2025 Q1 update enhances grid responsive design, enabling automatic column visibility adjustments based on viewport width. This improvement ensures that data remains accessible and well-structured across different screen sizes without requiring manual configuration. By dynamically toggling columns and adapting height settings to fit their container, the grid provides a seamless and efficient user experience across desktops, tablets, and mobile devices. These enhancements help developers create more adaptive and user-friendly applications with minimal effort, ensuring consistent and optimized data presentation in any environment.

To see a full list of what's new in 2025 Q1 (v6.1.0), see our release notes.

Kendo UI is licensed per developer and has two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Kendo UI licensing page for full details.

Kendo UI is available individually or as part of the following products:

缺少网格数据时显示自定义消息

3月 26, 2025
Wijmo 2025 v1 允许开发人员为空网格显示定制的 HTML 消息，从而通过灵活的叠加增强用户体验。

Wijmo by MESCIUS is a comprehensive JavaScript library offering a suite of high-performance UI components and data grids specifically designed to streamline the development of modern enterprise applications. It emphasizes reduced development time and improved maintainability, along with a focus on performance through its efficient design and small module size. Wijmo integrates seamlessly with popular JavaScript frameworks like Angular, React, and Vue.js, and supports cutting-edge technologies like TypeScript, making it a versatile solution for building complex web applications.

The Wijmo 2025 v1 update introduces a customizable noDataOverlayContent property, enabling developers to display tailored HTML messages when grid data is empty. This improves user experience by replacing blank grid views with informative content, while the new overlayManager allows advanced control over how overlays are rendered and managed. The release also expands framework support, adding compatibility with Angular 19 and Next.js 15 to help developers stay current with modern web development tools.

To see a full list of what's new in 2025 v1 (Build 5.20251.34), see our release notes.

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

Learn more on our Wijmo product page.

用 JSON 表单生成器简化数据收集

3月 21, 2025
SurveyJS Survey Creator 允许您直接在您的 JavaScript 应用程序中构建动态表单，并保持对用户数据的完全控制。

SurveyJS is a family of extensible JavaScript libraries designed to help developers build robust form management systems fully integrated into their web applications. These libraries work seamlessly with any backend system and are fully compatible with modern JavaScript frameworks, including React, Angular, and Vue 3.

SurveyJS Survey Creator is a powerful form-building UI component featuring an intuitive drag-and-drop interface that makes form creation accessible to all users. Its UI is fully customizable - from appearance and functionality to the UI language - allowing it to seamlessly blend into your application. Behind the scenes, SurveyJS leverages a JSON-based schema to define forms and surveys, making it easy to store, share, and dynamically render form structures across different environments.

Users can enjoy an intuitive survey-building experience with extensive UI customization options, available through a dedicated UI settings panel. Introduced in version 2.0 the settings panel includes three new predefined UI themes - Light, Dark, and Contrast (with WCAG 2.2-compliant colors). These themes can be used as-is or further customized with options for UI and font scale size, accent colors, and background colors. Along with other enhancements these UI options create a more flexible environment where each user can personalize the form builder UI to align perfectly with their personal preferences.

SurveyJS Survey Creator is licensed per developer with a one-time payment for indefinite use. Access to updates and technical support is available through a subscription. See our SurveyJS Survey Creator licensing page for full details.

Learn more on our SurveyJS Survey Creator product page.

将 Vue.js 电子表格绑定到外部数据源

3月 19, 2025
数据绑定让您将 Web 应用程序中的电子表格连接到数据库、API 和其它来源，从而使您的数据保持同步和最新状态。

Data binding in a spreadsheet is the process of linking spreadsheet cells to external data sources, such as databases, APIs (Application Programming Interfaces), or other structured datasets, ensuring that the spreadsheet dynamically updates when the source data changes. This enables real-time synchronization, reducing manual data entry and minimizing errors. By automating data retrieval and updates, data binding enhances accuracy, supports complex calculations with live data, and improves efficiency, making it particularly useful for reporting, financial analysis, and business intelligence tasks. It also facilitates better collaboration by ensuring that all users work with the most current information, improving decision-making and overall productivity.

Several Vue.js spreadsheet components offer data binding functionality, including:

  • SpreadJS by MESCIUS is a complete spreadsheet solution which supports Vue.js and can equip web applications with dynamic data binding capabilities for real-time updates.
  • Jspreadsheet Pro offers developers a Vue compatible data grid with intuitive spreadsheet-like controls, including the ability to connect spreadsheets to external data sources.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) facilitates binding spreadsheet data for modern web frameworks such as Vue.

For an in-depth analysis of features and price, visit our Vue.js spreadsheet controls comparison.

Compare Vue.js Spreadsheet Controls