JavaScript / HTML5 新闻

支持实时电子表格协作

12月 19, 2025
SpreadJS 19 通过一个新的服务器插件对协作工作提供支持，该插件允许多个用户同时编辑同一个电子表格。

SpreadJS is a JavaScript spreadsheet and data visualization component built to deliver Excel-compatible functionality within web applications. It provides a flexible, high-performance interface for displaying and manipulating tabular data, supporting advanced features such as formulas, pivot tables, charts, conditional formatting, and data binding. SpreadJS integrates smoothly with popular frameworks like React, Angular, and Vue, and includes robust import and export capabilities for Microsoft Excel files. It is commonly used in enterprise applications where users need a responsive, interactive spreadsheet experience directly in the browser.

The SpreadJS 19.0.0 update introduces a new Collaboration Server Add‑on that enables real‑time, multi‑user editing of the same spreadsheet within web applications by integrating the collaboration framework and server infrastructure directly into SpreadJS. This add‑on lets developers build functionality where multiple clients see and apply changes instantly to workbook data with consistent state across users, supports conflict‑free concurrent edits using Operational Transformation logic, and includes features such as live user presence and permission controls.

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

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

用目标驱动的子弹图展示进展

12月 18, 2025
在简洁的子弹图中比较预算、预测和实际值，以瞬时发现差异，清晰跟踪目标的进展。

Bullet charts are goal-oriented visualizations that compare actual performance against targets and benchmarks such as budget and forecast values in a single, easy-to-read view. They offer a clear alternative to gauges and meters by showing progress toward goals while making variances and shortfalls immediately obvious. By presenting multiple reference points together, bullet charts help stakeholders interpret performance quickly and consistently across metrics. Common use cases include financial reporting, sales and margin tracking, KPI dashboards, operational scorecards, and executive summaries where fast, reliable comparisons support better decision-making.

Several JavaScript chart controls offer bullet chart support including:

  • Highcharts Core by Highsoft lets you build bullet charts comparing performance against targets with interactive tooltips, responsive layouts, and customization.
  • KendoReact Charts (part of KendoReact by Telerik) allows you to render bullet charts, emphasizing KPIs, qualitative ranges, and accessibility-friendly components.
  • amCharts 5: Charts facilitates modern bullet charts with animated transitions, flexible axes, precise benchmarks, and theming for data-driven dashboards applications.
  • Syncfusion JavaScript Charts (part of Syncfusion Essential Studio Enterprise) lets you create bullet charts showcasing targets, ranges, and actuals.

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

Compare JavaScript Bullet Chart Controls

用虚拟滚动优化大型数据网格

12月 17, 2025
只渲染用户看到的内容，以最大化速度、减少内存使用量，并在任何尺度下保持网格交互的平滑。

Virtual scroll support in a grid component is a rendering strategy that displays only the rows and columns currently visible in the viewport while dynamically loading and unloading data as the user scrolls. It minimizes DOM size and memory usage by avoiding the creation of off-screen elements, which improves rendering speed, reduces layout thrashing, and maintains smooth interaction even with very large datasets. This approach enables grids to handle millions of records efficiently without requiring pagination, lowers CPU and GPU load, and delivers consistent performance across a wide range of devices.

Several React grid controls offer virtual scroll capability including:

  • DevExtreme React Data Grid (part of DevExtreme Complete by DevExpress) lets you render only visible records offering excellent performance for displaying thousands of data rows.
  • KendoReact Data Grid (part of KendoReact by Telerik) allows you to virtualize grid content for rapid scrolling and reduced DOM overhead with large datasets.
  • Wijmo React DataGrid (FlexGrid) (part of Wijmo by MESCIUS) facilitates virtual scrolling that loads data on demand, minimizing rendering work and preserving fluid navigation.
  • Infragistics Ignite UI for React Data Grid (part of Infragistics Ignite UI) enables row and column virtualization to significantly boost performance for large datasets.

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

Compare React Grid Controls

用动画过渡为图表添加清晰度

12月 15, 2025
带有流畅动画的 Web Components 图表使数据变化更容易被发现，有助于用户保持专注，即使面对复杂的视觉效果。

Animation in a Web Components Chart control refers to the visual transitions applied to chart elements as data is rendered, updated, or interacted with. It enhances the user experience by making changes in the data more perceptible and easier to follow, particularly when dealing with dynamic or real-time datasets. For developers, animation helps improve data readability and provides a more engaging and polished interface, especially when charts are updated frequently or involve user interaction. It also makes it easier for users to track what’s changed in the chart, even when the visuals are complex.

Several Web Components chart controls offer animation including:

  • Wijmo Web Components Chart (part of Wijmo Enterprise by MESCIUS) lets you animate chart updates smoothly, helping users clearly follow dynamic data transitions.
  • jQWidgets Chart facilitates animated rendering and transitions, making it easier to present changing data visually without overwhelming the user.
  • Ignite UI Web Components Chart (part of Infragistics Ignite UI) allows you to add refined animation effects, enhancing visual feedback during data changes.
  • ZingChart supports flexible animation options, enabling developers to create dynamic visualizations that respond intuitively to updates and user interaction.

For an in-depth analysis of features and price, visit our comparison of Web Components Chart Controls.

Compare Web Components Chart Controls

用大容量渲染缩放电子表格

12月 12, 2025
Jspreadsheet Pro v12 通过扩展视口渲染优化性能，从而确保大型电子表格响应迅速且可缩放。

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. Its backend server integration supports real-time data processing, enhancing workflows and boosting productivity across various industries.

The Jspreadsheet Pro v12 update improves handling of large datasets by introducing an extended viewport with optimized rendering that processes only the visible portion of the spreadsheet. This enhancement reduces memory usage, maintains interface responsiveness, and enables smooth interaction even when working with very large or complex data structures. It provides developers with a more scalable foundation for building applications that require high-performance spreadsheet capabilities without compromising speed or usability.

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

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.