Vue.js 新闻

通过灵活数据选择创建图表

4月 1, 2026
Syncfusion Essential Studio Spreadsheet Editor SDK 添加对不连续图表范围的支持，从而从非相邻数据生成动态图表。

Syncfusion Essential Studio Spreadsheet Editor SDK is a library that lets developers embed spreadsheet functionality into web and desktop applications without requiring Microsoft Excel. It supports editing, formatting, and data analysis features such as cross sheet formula calculation, data binding to local and remote sources including JSON and REST, conditional cell styling, charts, data validation, worksheet protection, and workbook permissions. Available across frameworks including Blazor, React, Angular, Vue, JavaScript, ASP.NET Core and MVC, WPF and WinForms, it helps teams deliver a familiar spreadsheet experience for use cases like reporting, budgeting, and forecasting directly within their applications.

The Syncfusion Essential Studio Spreadsheet Editor SDK 2026 Volume 1 update introduces discontinuous chart range support, enabling developers to create charts from multiple non-adjacent rows, columns, or cell ranges without modifying the original data structure. This capability provides greater flexibility when working with complex, fragmented, or selectively relevant datasets, eliminating the need for manual data consolidation or duplication. It also ensures that charts remain automatically synchronized with updates across all referenced ranges, supporting more accurate, efficient, and maintainable data visualization within modern web and enterprise applications.

To see a full list of what's new in Syncfusion Essential Studio Spreadsheet Editor SDK 2026 Volume 1 (33.1.45), see our release notes.

Syncfusion Essential Studio Spreadsheet Editor SDK is licensed per developer on a one year timed subscription basis, with runtime royalty free redistribution included when the subscription is current, and includes one year of unlimited technical support and updates. See our Syncfusion Essential Studio Spreadsheet Editor SDK licensing page for full details.

Learn more on our Syncfusion Essential Studio Spreadsheet Editor SDK product page.

用单选字段改进了数据录入

3月 27, 2026
无线电组允许用户选择一个字段预定义值，从而减少输入错误，使结构化数据录入更快更清晰。

A radio group is a user interface element that presents a set of predefined options where only one value can be selected at a time for a particular field. It allows users to choose a single state, category, or configuration directly within the editing interface, with the selected option mapped to the underlying data value. This approach improves data consistency by preventing invalid combinations, simplifies validation logic by constraining input to known values, and accelerates data entry by replacing manual text input with clear, clickable choices that reduce ambiguity and input errors.

Several Vue.js data editor collections include radio group functionality, including:

  • Kendo UI Vue Data Editors (part of Kendo UI by Telerik) lets you integrate radio group editors into data forms and grids, enabling single-value selection with clear options.
  • DevExtreme Vue Data Editors (part of DevExtreme Complete by DevExpress) allows you to create radio groups, supporting mutually exclusive selections that simplify input.
  • JQWidgets facilitates radio group controls inside data editors, allowing users to select one predefined option while maintaining structured data entry and reliable validation.
  • Smart UI (Smart HTML Elements) lets you configure radio group editors that present exclusive options for a field, helping ensure accurate data selection.

For an in-depth analysis of features and price, visit our comparison of Vue.js data editor collections.

Compare Vue.js Data Editors

用数据透视表更快地分析大型数据集

3月 17, 2026
JSpreadsheet Pro 添加强大的数据透视表，其可透过灵活的分组、筛选、排序和折叠视图汇总电子表格数据。

Jspreadsheet Pro is a flexible JavaScript-based spreadsheet solution that enables developers to create customizable, feature-rich data grids for web applications. It offers advanced formulas, data validation, and API integrations. Ideal for tasks like financial modeling, inventory management, and project tracking, it helps businesses efficiently manage and analyze data.

Jspreadsheet Pro introduces pivot table functionality that allows developers to summarize and analyze large datasets directly within browser based spreadsheet applications. It enables users to group data across multiple rows and columns, apply aggregation methods such as sum or average, and refine results through filtering and sorting. With built in spreadsheet formulas and cross worksheet references, developers can provide interactive data analysis capabilities without requiring external tools or additional backend processing.

Jspreadsheet Pro is licensed as an Annual or a Perpetual License with support and maintenance. We can supply any Jspreadsheet Pro license including new licenses, maintenance renewals, and upgrade licenses. See our Jspreadsheet Pro for full details.

For more information, visit our Jspreadsheet Pro product page.

在单个单元格中启用多选

3月 17, 2026
Handsontable 17.0.0 使用支持完整键盘导航的可搜索下拉菜单可在一个单元格内存储和管理多个值。

Handsontable is a JavaScript library designed to help developers build interactive data grids into their web applications. Offering a familiar spreadsheet-like interface, it allows users to edit, sort, and filter data with ease. Highly customizable and compatible with popular frameworks like React and Angular, Handsontable empowers developers to build robust data manipulation features into their web applications.

The Handsontable 17.0.0 update adds a new MultiSelect cell type that allows a single cell to hold multiple values, making it well suited for data such as tags, user roles, product categories, or shipment contents. Instead of restricting entries to one option, users can choose any number of items from a dropdown interface that includes search and filtering capabilities for quickly locating options. Full keyboard navigation ensures efficient interaction for power users.

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

Handsontable is licensed per developer and is available as an Annual or Perpetual license with 1 year support and maintenance. See our Handsontable licensing page for full details.

For more information, visit our Handsontable product page.

显示带有离散数值变化的图表

3月 16, 2026
用突出显示稳定值之间随时间过渡的步进线图提高 Vue.js 应用程序中的数据可视化。

Step line charts are a variation of line charts that display changes between data points as a series of horizontal and vertical segments rather than diagonal lines. This structure highlights discrete transitions between values, making it easier to show when a change occurs and how long a value remains constant before the next update. Step line charts are useful for representing processes where values shift at specific moments, such as pricing tiers, system states, or configuration thresholds. By clearly separating periods of stability from points of change, the chart type helps developers and analysts interpret state-based or event-driven data with greater precision.

Several Vue.js chart components support the step line chart type, including:

  • DevExtreme Vue Chart (part of DevExtreme Complete by DevExpress) provides a step line series that renders horizontal segments and vertical transitions with markers and tooltips.
  • Wijmo Vue Chart (FlexChart) (part of Wijmo by MESCIUS) includes a step chart option that renders stepped horizontal and vertical segments for Vue applications.
  • Highcharts Core by Highsoft offers a step option for line series with left, right, or center stepping, allowing developers to control how transitions align with data points.
  • Kendo UI Vue Charts (part of Kendo UI by Telerik) supports step line visualization through configurable line series settings with customizable styling and tooltips.

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

Compare Vue.js Chart Components