JavaScript / HTML5 新闻

跨平台本机查看图表文件

6月 25, 2025
ONLYOFFICE Docs v9.0 添加一个支持多平台的集成图表查看器，使用户能够打开和导航 Microsoft Visio 文件。

ONLYOFFICE Docs is a comprehensive online editor, allowing users to create text documents, spreadsheets, presentations, and forms. It enables your users to edit, share, and collaborate on documents online in their preferred browser, within your own application. It is fully compatible with OOXML (Office Open XML) formats and supports popular Microsoft Office and other document formats such as CSV, DOC, DOCX, EPUB, HTML, ODP, ODS, ODT, PDF, PPT, PPTX, RTF, TXT, XLS, and XLSX.

The ONLYOFFICE Docs v9.0 update adds a multi-platform integrated Diagram Viewer tool that allows users to view and navigate Microsoft Visio (.vsdx) files natively across devices, on web, desktop, and mobile web platforms, without requiring third-party software. With intuitive controls, zooming and panning, it provides effortless navigation whilst visualizing ideas and workflows as diagrams. Whether an IT manager is mapping infrastructure or a student is presenting a flowchart, the viewer ensures ideas and systems are clearly communicated.

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

ONLYOFFICE Docs is licensed by the number of simultaneous document connections and is available as an annual license with 1 year support and upgrades. See our ONLYOFFICE Docs licensing page for full details.

For more information, see our ONLYOFFICE Docs product page.

在 Vue.js 应用程序中制作图表动画

6月 24, 2025
使用动画可以让开发人员创建更引人入胜的图表，从而更轻松地理解和解释数据。

Animation in charts is a feature used in data visualization to visually transition between different data states or configurations. This technique helps communicate changes in data over time or between user interactions in a smooth, progressive manner. Rather than instantly switching from one state to another, animation introduces motion that can guide users’ attention, reinforce patterns, and reduce confusion. It is particularly useful in interactive dashboards and real-time analytics, where users benefit from a clearer understanding of what has changed and how.

Several Vue.js charting components support the use of animations, including:

  • DevExtreme Chart (part of DevExtreme by DevExpress) offers high-performance Vue components for data visualization that integrate configurable animation options.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) incorporates various animation modes and timing controls for visualizing data in web applications.
  • Highcharts Core by Highsoft is a JavaScript charting library that can equip Vue.js apps with advanced animation functionality for highlighting data and aiding data interpretation.
  • Kendo UI for Vue Chart (part of Kendo UI by Telerik) features built-in animations that respond to data changes in real-time, creating engaging transitions by default.

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

Compare Vue.js Chart Controls

用电子表格同步实时协作

6月 24, 2025
SpreadJS 通过提供无冲突编辑的模块化协作框架在 JavaScript 应用程序中实现无缝实时协同编辑。

SpreadJS is a high-performance JavaScript spreadsheet and data presentation component designed for enterprise web applications. It enables developers to deliver Excel-like functionality directly within their web solutions, providing advanced features such as data binding, complex calculations, pivot tables, charts, and extensive formatting options. Fully compatible with modern JavaScript frameworks like React, Angular, and Vue, SpreadJS allows seamless integration and customization, empowering development teams to create interactive, data-driven user experiences without relying on external spreadsheet applications.

SpreadJS enables real-time collaboration within JavaScript spreadsheet applications through a modular, extensible framework currently available as a Developer Preview. This feature allows multiple users to work on the same spreadsheet simultaneously, maintaining data consistency and reducing the complexity of building collaborative functionality from scratch. It supports low-latency data synchronization, user presence indicators, and conflict-free concurrent editing, allowing multiple users to work simultaneously while maintaining consistent data states. Designed to integrate with various document types and backend systems, it simplifies the development of collaborative features without requiring developers to build the infrastructure from scratch. An online collaboration demo is available to explore these capabilities in action.

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.

用外部链接将数据导入电子表格

6月 20, 2025
用于 Nextcloud 和 ownCloud 的 ONLYOFFICE 连接器添加对将参考数据导入电子表格的外部链接支持。

ONLYOFFICE Docs Enterprise Edition integrates seamlessly with both ownCloud and Nextcloud connectors, combining a powerful online document editor with two leading on-premises content collaboration platforms. This integration allows teams to create, view, edit, and collaborate on spreadsheets, presentations, and text documents in real time, directly within their ownCloud or Nextcloud environments, boosting productivity and eliminating the need to switch between applications.

The latest updates for the ONLYOFFICE Nextcloud and ownCloud connectors (9.9.0 and 9.9.1 respectively) introduce support for importing reference data into spreadsheets using external links, allowing developers to dynamically integrate data from third-party sources directly into their ONLYOFFICE spreadsheets. This enhancement simplifies cross-document referencing by enabling users to pull specific cell ranges from external files, reducing manual data handling and improving consistency across documents. It also supports automatic data updates and source management, helping developers maintain accurate, synchronized datasets within collaborative environments hosted on Nextcloud or ownCloud.

To see a full list of what's new, see our release notes for ONLYOFFICE Nextcloud Connector v9.9.0 and ONLYOFFICE ownCloud Connector v9.9.1.

The ONLYOFFICE Nextcloud and ownCloud connectors are both licensed per server and are available as an annual license with 1 year of support and updates, or as a perpetual license with 3 years of support and updates. See our licensing pages for the Nextcloud and ownCloud connectors for full details.

For more information, see our product pages:

将报表直接连接到 JSON 数据

6月 18, 2025
利用 JavaScript 报表组件来设计、查看和导出基于 Web 的新式报表，其中填充了来自 JSON 源的数据。

JSON data connectivity in reporting components provides the ability to use JSON (JavaScript Object Notation) data as a primary source for building and generating reports. This feature allows developers and analysts to connect directly to structured JSON data, whether from local files or web APIs, and incorporate it into report designs without the need for complex data transformation or intermediary storage. As JSON has become a widely adopted format for data exchange in modern applications, enabling direct connectivity simplifies the reporting process and ensures that reports can easily reflect up-to-date information from diverse and distributed sources.

Several JavaScript reporting components allow you to use JSON as a data source, including:

  • DevExpress Reporting offers flexible data binding options for complex reporting scenarios in JavaScript and enables you to connect to a variety of data sources, including JSON.
  • ActiveReportsJS by MESCIUS allows you to load and visualize structured JSON data, supporting modern web applications with interactive, real-time reporting.
  • Stimulsoft Reports.JS is a reporting solution for JavaScript that supports JSON data binding and enables browser-based report design with dynamic, data-driven content.

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

Compare JS Report Controls