JavaScript / HTML5 新闻

在 Vue.js 应用程序中将图表绑定到 JSON

2月 23, 2026
使用 JSON 作为数据源，将结构化数据与 Vue.js 中的图表组件连接起来，从而减少数据转换并简化 API 集成。

Using JSON (JavaScript Object Notation) as a data source for charts allows applications to bind structured, lightweight data directly to visualization components. JSON represents data as objects and arrays, making it well suited to defining categories, series, and individual data points in a format that aligns naturally with modern web development practices. Its widespread use in RESTful APIs and web services enables charts to consume live or remote datasets efficiently, while reducing the need for complex data transformation before rendering.

Several Vue.js chart components allow you to use JSON as a data source, including:

  • DevExtreme Vue Chart (part of DevExtreme Complete by DevExpress) accepts JSON via its dataSource, enabling binding to local or remote data with series and argument mapping.
  • Highcharts Core by Highsoft uses JSON-based arrays and configuration objects to populate series and categories, either directly or via asynchronous loading.
  • Kendo UI Vue Charts (part of Kendo UI by Telerik) bind to object arrays, typically sourced from JSON, with property mapping to series and axes.
  • FusionCharts Suite XT natively supports JSON, allowing full chart configuration and datasets to be defined and passed directly to the chart engine.

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

Compare Vue.js Chart Components

通过对向下钻取的支持发掘上下文数据

2月 23, 2026
直接在网格界面中访问详细记录，从而使用户无需切换视图或丢失上下文即可检查相关数据。

Drill-down support in a grid component allows users to move from summarized data to more detailed records within the same interface, often by expanding rows or selecting linked values that reveal related data. Instead of navigating to a separate page or view, users can access underlying information directly in context. For developers, this reduces the need for additional navigation and simplifies the presentation of hierarchical or related datasets. It also makes it easier to analyze data step by step, helping users inspect specific records or relationships without losing their place in the overall dataset.

Several React grid controls support drill-down features including:

  • Wijmo React DataGrid (FlexGrid) (part of Wijmo by MESCIUS) lets you implement drill-down in grids through hierarchical row expansion and detail templates.
  • DevExtreme React Data Grid (part of DevExtreme Complete by DevExpress) allows you to present master-detail relationships within grids, revealing nested records dynamically.
  • Sencha Ext JS facilitates drill-down interactions in data grids by supporting expandable rows and structured access to related datasets.
  • ZingGrid lets you enable interactive row expansion and linked data views, helping users navigate underlying records directly within grids.

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

Compare React Grid Controls

轻松直观设计专业报表

2月 18, 2026
为任何受众创建可互动、分析且打印就绪的报表，带有拖放设计、可定制模板和一致的品牌形象。

A Visual Report Designer is an application that enables users to create interactive, analytical, and print-ready reports using an intuitive, drag-and-drop interface. It supports fully customizable templates and data visualization components, helping teams present complex information clearly while maintaining consistent branding and layouts. Typical use cases include executive dashboards, financial and operational reports, customer analytics summaries, compliance documents, and branded client-facing reports.

Several JavaScript reporting components offer visual report designers including:

  • DevExpress Reporting lets you design interactive, print-ready reports with a visual designer and comprehensive data visualization tools.
  • ActiveReportsJS by MESCIUS allows you to create customizable web-based reports using a modern visual designer and flexible JavaScript reporting components.
  • Stimulsoft Reports.JS facilitates building dynamic, browser-based reports through an intuitive visual designer and rich interactive data presentation features.

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

Compare JavaScript Reporting Controls

在 JavaScript 应用中构建协作电子表格

2月 16, 2026
参加 MESCIUS CodeClinic网络研讨会直播，探索 SpreadJS 的协作服务器插件。

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. It leverages a high-speed calculation engine with over 500 Excel built-in functions in 19 languages to deliver true Excel-like spreadsheet experiences with zero dependencies on Excel and full support for React, Vue, Angular, and TypeScript.

On Thursday, February 26th at 11:00 AM EST, MESCIUS (formerly GrapeCity) will be presenting a CodeClinic Live Webinar highlighting the new Collaboration Server as a production-ready solution for real-time, multi-user spreadsheet editing in enterprise JavaScript applications. During this webinar, SpreadJS Product Manager Chris Bannon and Product Marketing Manager Mackenzie Albitz will take you through the following key takeaways:

  • How the SpreadJS Collaboration Framework enables low-latency, conflict-free editing in JavaScript applications.
  • The architecture behind the Sheets Collaboration Optional Add-On and how it converts workbook changes into synchronized operations.
  • How real-time presence, selections, and multi-user awareness are implemented.
  • How collaborative undo/redo works in concurrent editing scenarios.
  • Permission models for balancing collaboration with control in enterprise apps.

Register for the Live Webinar today and mark your calendar for February 26th.

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.

将结构化导航添加到 JavaScript 报表

2月 16, 2026
在 JavaScript 应用程序中设计报表时，加入目录，清晰地组织章节，实现更快、更直观的导航。

A table of contents in a report is a structured list of sections and subsections that provides an organized overview of the document's content. It typically reflects the report's hierarchy and allows readers to navigate quickly to specific sections, either through page references in printed formats or clickable links in digital formats. This functionality improves usability by reducing the time required to locate information, supporting clearer document structure, and making complex or lengthy reports easier to understand and manage. For organizations that distribute detailed analytical or operational reports, a table of contents contributes to a more professional presentation and a more efficient review process.

Several JavaScript reporting components allow you to add a table of contents, including:

  • DevExpress Reporting provides a built-in table of contents control that can be bound to report elements, automatically generating entries based on defined heading levels and supporting interactive navigation in exported formats such as PDF and web previews.
  • ActiveReportsJS by MESCIUS includes a table of contents component that integrates with its JavaScript-based reporting engine, enabling developers to define document map nodes and create interactive, hierarchical navigation within browser-based report viewers.
  • Stimulsoft Reports.JS enables developers to create a configurable TOC using report bands, components, and bookmark functionality, with support for nested structures and interactive links in exported documents to improve navigation across complex reports.

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

Compare JavaScript Report Components