JavaScript / HTML5 新闻

确保所有用户的可访问性和数据清晰度

6月 2, 2025
遵守 WCAG 标准,并通过直观的 JavaScript 图表提供清晰、可访问的信息。

WCAG (Web Content Accessibility Guidelines) compliance in JavaScript charts ensures that visual data representations are accessible to all users, including those with disabilities. This involves implementing features such as semantic markup for assistive technologies, keyboard navigation support, high-contrast color schemes for users with visual impairments, and descriptive alternative text for charts and data points. Additionally, it may include providing data tables or summaries as textual alternatives and ensuring that interactive elements are operable without reliance on a mouse. Achieving WCAG 2.0 compliance enhances usability, meets legal accessibility standards, and promotes inclusive user experiences across web applications.

Several JavaScript chart controls offer WCAG compliance including:

  • Highcharts by Highsoft includes an accessibility module with keyboard navigation, screen reader compatibility, high-contrast themes, and support for voice input and sonification.
  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) provides features like keyboard navigation, screen reader support, and high-contrast themes.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) incorporates features such as keyboard navigation, semantic HTML output, and screen reader compatibility.
  • amCharts: Charts library includes keyboard navigation, high-contrast display modes, and text-based data alternatives to enhance accessibility.

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

Compare JavaScript Chart Controls

从电子表格数据生成 PDF

5月 30, 2025
使用户能够在保留内容和样式的同时,直接在 JavaScript Web 应用程序中将电子表格导出为 PDF 文件。

Exporting a spreadsheet to PDF from a JavaScript application is a widely used feature that allows users to generate portable, print-ready documents directly from the browser. It converts the contents of a spreadsheet, such as cell data, formulas, formatting, charts, and images into a Portable Document Format (PDF) file. This capability ensures that the data, formatting, and layout from the original spreadsheet are preserved without relying on external applications or manual intervention. It is particularly useful for generating reports, invoices, or records that need to be shared, printed, or archived in a fixed format. By enabling PDF generation directly within the web application, developers can offer users a straightforward method to archive, print, or share spreadsheet content in a consistent and professional format across devices and platforms.

Several JavaScript spreadsheet components allow you to export to PDF, including:

  • SpreadJS by MESCIUS enables users to convert complex spreadsheet content, including formulas and styling, directly to PDF within a JavaScript application.
  • Telerik Spreadsheet jQuery (part of Kendo UI) provides an integrated PDF export option that retains the structure and styling of the spreadsheet for uniform document output.
  • Jspreadsheet Pro, through the export to PDF extension, facilitates the export of spreadsheet content to PDF, ensuring the integrity of the original document.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) allows you to save spreadsheet documents as PDF files, preserving layout and style.

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

Compare JavaScript Spreadsheet Components

将 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