Vue.js 新闻

用雷达图可视化多变量调查数据

8月 13, 2025
SurveyJS Dashboard v2.3.0 添加用于排名问题的雷达图，通过直观的视觉效果一目了然地轻松比较多个值。

SurveyJS Dashboard is a JavaScript UI component that visualizes survey responses in real time using interactive charts and tables, helping teams analyze data quickly and efficiently. It integrates with any JavaScript framework, including Angular, React, Vue, and vanilla JS. The dashboard renders data based on JSON schemas created in Survey Creator and filled with responses from the Form Library. Its flexible, backend-independent design allows integration with any custom backend. With a variety of chart types, it supports use cases such as customer feedback, employee surveys, and market research by turning raw data into clear visual insights.

The SurveyJS Dashboard v2.3.0 update introduces support for radar charts, which developers can use to represent rank-based responses more intuitively, helping users gain clearer insights into survey data without additional configuration. This new chart type is automatically available for Ranking questions and can be selected directly from the chart type menu within the Dashboard.

To see a full list of what's new in version 2.3.0, see our release notes.

SurveyJS Dashboard 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 Dashboard licensing page for full details.

Learn more on our SurveyJS Dashboard product page.

在筛选视图中保留树上下文

8月 8, 2025
SmartClient 14.1 通过保持父节点可见来改进 JavaScript 应用程序中的大型数据集筛选，而不会影响服务器逻辑或性能。

SmartClient is a powerful JavaScript component suite compatible with React, Vue, Angular, and more, designed for building large-scale, high-performance web apps. It offers advanced UI components, dynamic data handling, customizable grids, and responsive design. Ideal for enterprise use cases like financial analytics and real-time reporting, SmartClient supports seamless backend integration and delivers optimized performance and scalability.

SmartClient has enhanced hierarchical data handling with the included KeepParentsOnFilter setting, ensuring that parent nodes remain visible in filtered views, even when data is loaded dynamically. It loads "skeleton branches" via a complex client-driven algorithm, automatically managed by SmartClient, to maintain high performance without preloading the entire tree, meaning it doesn't require server-side programming. This is particularly useful in large datasets with load-on-demand trees, as it allows users to maintain full visibility into the structure of filtered results without losing context. By preserving the hierarchical path to matching records, this feature improves usability and clarity in tree-based components, especially in applications where understanding the parent-child relationship is critical.

SmartClient is licensed per developer and is available as both perpetual and subscription licenses. Product updates and technical support is also available. See our SmartClient licensing page for full details.

For more information, visit our SmartClient product page.

在 Vue.js 应用程序中将数据网格导出为 JSON

7月 24, 2025
以 JavaScript Object Notation（JSON）导出表格数据，这种格式易于解析并与其它系统集成。

Exporting a data grid to JSON format is a common feature in modern web-based data tools that involves converting the structured data displayed in a grid, such as rows and columns representing records and fields, into JavaScript Object Notation (JSON), a lightweight, text-based format commonly used for data interchange. This process enables the grid's contents to be saved in a machine-readable structure that preserves the hierarchy and attributes of the data, making it easily consumable by web services, APIs, or other applications. The benefits of exporting to JSON include its compatibility with a wide range of programming environments, ease of integration with frontend and backend systems, and suitability for transmitting data across networked systems or persisting it for later use in client-side operations or remote storage.

Several Vue.js grid controls allow you to export to JSON, including:

  • FusionGrid by FusionCharts works with Vue.js and allows you to export grid data to JSON, enabling seamless integration with APIs and JavaScript-based applications.
  • jQWidgets Grid (part of jQWidgets) offers a straightforward method to convert visible grid data to JSON in Vue.js apps, preserving data types and custom formatting.
  • Jspreadsheet Pro Data Grid (part of Jspreadsheet Pro) enables Vue.js applications to export spreadsheet-style data to JSON, ideal for syncing with databases or external services.
  • DataGridXL facilitates JSON output from grid data, ensuring compatibility with modern frameworks and smooth data handling in JavaScript-driven workflows.

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

Compare Vue.js Grid Controls

用更智能的聚合比较数据

7月 24, 2025
Stimulsoft Reports.JS 可以使用平均值、总和、最小值和最大值等聚合函数来比较基于时间的数据，以定制图表。

Stimulsoft Reports.JS provides a robust reporting toolkit designed specifically for JavaScript applications. This library leverages a client-side architecture, offering a pure JavaScript report engine for efficient report rendering directly within web browsers. The solution includes a user-friendly report designer for building reports with various data sources and visualizations, along with a report viewer for seamless integration and display within your JavaScript applications. This eliminates the need for server-side dependencies or browser plugins, simplifying the development process for embedding powerful reporting functionalities into your web projects.

Stimulsoft Reports.JS now supports aggregation for Date Time Step, allowing developers to select from multiple data aggregation functions including Average, Sum, Min, Max, and Count. This enhancement provides greater control over how time-based data is grouped and displayed in report charts, enabling more accurate and relevant visualizations based on the specific nature of the dataset. By choosing the appropriate aggregation method, developers can optimize performance reporting, reveal insights more effectively, and better align visual outputs with analytical requirements.

Stimulsoft Reports.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Reports.JS licensing page for full details.

Stimulsoft Reports.JS is available individually or as part of Stimulsoft Ultimate.

使用卡片布局直观地显示数据

7月 22, 2025
DevExtreme Complete v25.1 添加新的 CardView，其提供了一个图像友好的布局，非常适合在传统网格之外展示数据。

DevExtreme Complete is a robust suite of tools by DevExpress designed to streamline the development of high-performance web applications. It includes a wide range of UI components for modern frameworks such as Angular, React, Vue, and jQuery, making it ideal for developers aiming to create responsive, cross-platform applications with ease. With features like rich data visualization, interactive grids, form controls, and adaptive layouts, it empowers developers to deliver polished and user-friendly interfaces. Whether you're building enterprise dashboards or consumer-facing apps, DevExtreme Complete provides the flexibility and power to meet complex requirements while maintaining performance and usability.

The DevExtreme Complete v25.1 release adds a new CardView component, which presents data in a card-based layout instead of the traditional grid format. It’s particularly suited to use cases like employee directories, contact lists, product catalogs, and task boards - any scenario where visual content such as images plays a central role. Each card includes a toolbar, cover image, main content area, and footer, all of which can be modified using the component's public API. This gives developers the flexibility to adapt the layout and behavior of CardView to meet specific application requirements.

To see a full list of what's new in version v25.1, see our release notes.

DevExtreme Complete is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExtreme Complete licensing page for full details.

DevExtreme Complete is available to buy individually or as part of the following products: