React 新闻

在 React 应用程序中呈现 QR 码和条形码

8月 27, 2025
React UI 套件包括强大的条形码工具,让开发人员用最少的配置定制格式、大小、符号系统和导出选项。

Barcode components in React UI suites deliver a easy way to integrate machine-readable encoding directly into modern web applications. These components offer a high-level interface for rendering both one-dimensional and two-dimensional barcodes, with customizable options for type (symbology), dimensions, styling, and export formats. They enable developers to choose between vector-based (SVG) or bitmap (Canvas) rendering, and often support direct exports to PNG, PDF, or SVG formats. Such features make barcodes a flexible integration point for inventory systems, shipping labels, ticketing, and other use cases requiring reliable, visual encoding of data within React environments.

Several React UI suites offer Barcode components including:

  • KendoReact by Telerik supports a wide range of one-dimensional (1D) symbologies as well as QR codes, configurable via props for size, color, border, and text.
  • Wijmo by MESCIUS provides React wrappers for numerous barcode controls, including Code128, Codabar, Code39, Ean8, Ean13, GS1-128, QR Code and UPC variants.
  • Syncfusion Essential Studio Enterprise offers React barcode generator components that support both 1D and 2D encoding, including Codabar, QR code, DataMatrix, and UPC-A.
  • jQWidgets includes both barcode and QR Code components among its widget set, making barcode generation available in its comprehensive suite of UI elements.

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

Compare React UI Suites

更好地控制图表图例

8月 26, 2025
LightningChart JS v8.0 引入了经过全面改进的图例系统,具有更智能的默认值、灵活的定位和增强的自定义功能。

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.0 update completely reworks legend functionality, making legends a property of the chart, removing visual obstructions, and improving adaptability to available space. The API configuration is now more intuitive and capable, with built-in options supporting a wider range of use cases. Plug‑in support also enables easy extension or customization of legend behavior. By default, legends now appear automatically beneath trends, reducing developer setup time, while still allowing you to manually create multiple legends when needed. You can position legends using built-in presets or define custom placements, and control click behavior using either the provided handlers or your own. When creating series, you can also exclude specific ones from appearing in legends, giving you fine-grained control over legend content.

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

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.

改进 React 应用程序中的 PDF 导航

8月 19, 2025
凭借缩略图导航,用户可以快速直观地定位和浏览 PDF 的特定页面,而无需滚动或使用搜索功能。

Thumbnail navigation is a feature often found in a PDF viewer that displays miniature representations of each page of the PDF file, typically in a side panel or dedicated section, that users can scroll through and navigate to the desired page by clicking on the relevant preview image. This functionality assists with identifying content layout and structure at a glance. By allowing users to visually scan through and select a specific page it simplifies the process of locating content at speed, especially in long or detailed files, and without having to scroll or use search functions.

Several React PDF viewer components offer thumbnail navigation, including:

  • Wijmo PDFViewer (part of Wijmo by MESCIUS) lets users preview pages as thumbnails, enabling efficient PDF navigation and quick access to specific content in React apps.
  • PrizmDoc Viewer (part of PrizmDoc by Accusoft) also supports React and facilitates fast page access with thumbnail previews, helping users identify and jump to relevant sections.
  • Syncfusion PDF Viewer (part of Syncfusion Essential Studio Enterprise) equips React apps with a lightweight PDF viewing component that supports quick navigation via thumbnails.

For an in-depth analysis of features and price, visit our comparison of React PDF viewer components.

Compare React PDF Viewer Components

将 LAMBDA 函数直接应用于单元格选择

8月 15, 2025
SpreadJS 18.2 添加新的 Transform 命令,以在选定的单元格上执行 LAMBDA 公式并一步将其替换。

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.

The SpreadJS 18.2 adds a new Transform command which enables you to apply LAMBDA functions directly to a selected range of cells and replace the original content with calculated results. This simplifies data transformations - whether mapping, filtering, or reshaping - into a clean, single-step process. With this feature, you can select any range and apply a custom LAMBDA formula - for example, converting units, adjusting values, or formatting entries - and have SpreadJS overwrite the selection with the computed results immediately. This removes manual steps like inserting formulas in separate cells, copying values, or pasting back as values. This feature integrates with SpreadJS’s existing LAMBDA capabilities to offer more interactive and efficient spreadsheet manipulation.

To see a full list of what's new in 18.2, 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.

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

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.