JavaScript / HTML5 新聞

將 AI 驅動的文本生成功能添加到您的應用程式

5月 28, 2025
Smart UI v23.0.0 允許使用者即時生成、提煉和總結內容，從而讓其從簡單的 AI 提示中開發出完整的文本。

Smart UI by Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart UI v23.0.0 release adds new features to Smart.Editor, including content generation, text summarization and the ability to rewrite, expand or shorten content by using AI. These capabilities enable users to quickly craft content, distill lengthy text into key points, and tailor messaging with precision, all without leaving the editing environment. Whether expanding a brief idea into a full paragraph or condensing verbose content for clarity, the new AI tools simplify content creation and editing.

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

Smart UI (Smart HTML Elements) is licensed per developer and is available as a perpetual license with 1 year support and maintenance. It includes distribution to unlimited Web applications, SaaS projects, Intranets and Websites. Team, OEM and Enterprise licensing options are also available. See our Smart UI (Smart HTML Elements) licensing page for full details.

Learn more on our Smart UI product page.

用聚合資料提供即時洞察

5月 27, 2025
React 網格元件中的聚合功能允許使用者直接在網格介面中快速查看關鍵指標，如總和和平均值。

Aggregation in grid components allows users to automatically compute and display summary values, such as totals, averages, minimums, and maximums, across rows or columns of data. This feature enhances the analytical capability of a data grid by offering quick insights directly within the interface, reducing the need to export data for external processing. It is particularly valuable in business intelligence dashboards, financial applications, and administrative tools where on-the-fly data synthesis is essential.

Several React grid controls offer aggregation including:

  • Handsontable provides built-in support for column summaries, enabling functions like sum, min, max, and average to be easily configured per column.
  • SmartClient Grid by Isomorphic Software provides advanced summary capabilities via its GridSummaryRow feature, which supports configurable summary functions at both column and group levels.
  • Jspreadsheet Pro Data Grid includes a "footers" feature that allows for dynamic aggregation calculations using built-in or custom-defined functions, directly visible beneath the dataset.
  • ZingGrid supports data aggregation through its summary cell attributes, making it easy to apply functions such as sum, count, and average without additional scripting.

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

Compare React Grid Controls

在 Vue.js 報表中視覺化關鍵資料

5月 22, 2025
在報表中整合圖表可將原始資料轉換為清晰、引人入勝的視覺物件，其可突出關鍵指標，以做出更明智的決策。

Charts in reports are graphical representations of data such as bar graphs, line charts and pie diagrams that are incorporated into business documents to illustrate key insights and trends at a glance. By converting numbers into intuitive visuals, charts improve clarity and make comparisons between categories or time periods effortless while drawing attention to critical metrics like sales growth, customer churn or budget variances. These visual tools streamline data interpretation, empower stakeholders to make faster more informed decisions, foster alignment across departments and tell a cohesive data driven story without wading through rows of figures.

Several Vue.js reporting components support charts including:

  • Stimulsoft Reports.JS allows you to embed interactive charts in web reports, supporting diverse chart types, customization, and real-time data updates.
  • ActiveReportsJS lets you design dynamic chart components with extensive data bindings, responsive layouts, and export options for high-quality report visuals.
  • DevExpress Reporting facilitates integration of charts into interactive dashboards, offering cross-platform rendering, data analytics features, and customizable styling controls.

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

Compare Vue.js Reporting Components

透過 JavaScript API 存取即時圖表資料

5月 22, 2025
透過與自訂 JavaScript API 集成，實現動態視覺顯示，React 圖表控制項可以按需檢索最新資料。

JavaScript API as a data source in React JavaScript Charts refers to the use of custom JavaScript functions or services that fetch and supply data dynamically to chart components at runtime, rather than relying on static datasets. This approach enables charts to reflect real-time data changes, support asynchronous operations, and integrate with external APIs or internal services. It is particularly useful for applications that require up-to-date information, such as dashboards, monitoring tools, or analytics platforms. The key advantage is enhanced flexibility and responsiveness, allowing developers to handle complex data flows, perform live updates, and tailor chart behavior based on interactive or conditional logic.

Several React Chart Controls offer support for using JavaScript API as a data source including:

  • Highcharts Core lets you populate charts with live data through JavaScript APIs, enabling dynamic updates and real-time visualization scenarios.
  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) allows you to bind chart components to JavaScript API-driven data sources.
  • LightningChart JS facilitates high-speed rendering of data streamed from JavaScript APIs, ideal for intensive, real-time analytical dashboards.
  • ZingChart supports flexible data injection via JavaScript APIs, making it easy to refresh charts dynamically based on changing external datasets.

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

Compare React Chart Controls

探索您 JavaScript 試算表中強大的 AI 驅動功能

5月 22, 2025
SpreadJS 18.1 包括用於自然語言和智慧分析的 AI 功能的開發人員預覽版。

SpreadJS by MESCIUS is a high-performance JavaScript spreadsheet component designed to integrate Excel-like functionality into web applications. It allows developers to deliver robust spreadsheet experiences within their applications, complete with features like data import/export, complex formulas, conditional formatting, and extensive customization options. SpreadJS caters to a wide range of use cases, from financial modeling and data analysis to project management and interactive dashboards, ultimately allowing developers to build feature-rich and user-friendly web applications. SpreadJS 18.1 includes a Developer Preview of powerful AI-driven features designed to transform how users interact with JavaScript spreadsheets.

In this blog post, SpreadJS Product Manager Chris Bannon takes you through each of these AI features, shows you how to use them, and highlights the value they can bring to your JavaScript applications. The SpreadJS AI Add-on preview includes the following capabilities:

  • Formula generation and explanation using natural language
  • PivotTable generation based on descriptive input
  • AI worksheet functions for text processing and translation

Read the full blog to get started exploring the benefits available in adding AI into your JavaScript spreadsheets.

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.