JavaScript / HTML5 新聞

在資料網格應用中將列設置為必填

5月 16, 2025
使用 JavaScript 中的網格控制項定義必填列，從而確保填寫基本欄位以保持輸入完整有效。

A fundamental feature in a data grid is the ability to specify that a column must be populated with values and cannot be left empty. By designating certain columns as mandatory, developers can enforce input rules that prevent users from leaving critical fields blank, such as user identifiers, product names, or timestamps. Required columns are typically enforced through validation rules that prevent the submission or processing of incomplete records, thereby ensuring the completeness and validity of data entries. This improves data integrity, reduces the likelihood of processing errors, and supports consistent business logic across applications that rely on structured datasets.

Several JavaScript grid controls allow you to set columns as required, including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) is a JavaScript data grid that allows columns to be marked as required, including built-in validation logic to ensure compliance.
  • Jspreadsheet Pro Data Grid (part of Jspreadsheet Pro) supports the use of validation rules to ensure entries meet predefined criteria, enabling you to define mandatory fields.
  • SmartClient Grid (part of SmartClient by Isomorphic Software) equips JavaScript apps with required column configuration to prevent the submission of incomplete records.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) offers developers an out of the box validator to enforce the population of required columns during data entry.

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

Compare JavaScript Grid Controls

用篩選的變數聚焦 Dashboard Insights

5月 15, 2025
透過直接在參數面板中篩選變數，Stimulsoft Dashboards.JS 為最終使用者提供清晰、集中的選項。

Stimulsoft Dashboards.JS is a JavaScript-based tool for creating interactive dashboards within web applications. Designed for developers and businesses, it provides customizable charts, graphs, and tables to visualize complex data from various sources. It supports popular JavaScript frameworks such as React, Vue.js, and Node.js, enabling seamless integration into modern web projects. With an intuitive interface and responsive design, it suits use cases like business intelligence, performance monitoring, and data-driven decision-making. Stimulsoft Dashboards.JS enhances user engagement and simplifies data analysis for industries such as finance, marketing, and logistics.

Stimulsoft Dashboards.JS includes the capability to filter variable values within the parameters panel of the viewer. This enhancement allows developers to provide end-users with a more refined and efficient parameter selection experience. By implementing expression-based filtering in the variable editor or Items window, only relevant data options are presented during report or dashboard viewing. This targeted presentation of variable values reduces visual clutter and improves the process of specifying report parameters, ultimately leading to improved usability and more focused data exploration for the end-user.

Stimulsoft Dashboards.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Dashboards.JS licensing page for full details.

Stimulsoft Dashboards.JS is available individually or as part of Stimulsoft Ultimate.

修復沒有自訂代碼的圖表工具提示位置

5月 15, 2025
Highcharts 12.2 引入了一種控制工具提示位置的聲明式方法，從而無需手動調整 JavaScript。

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

The Highcharts v12.2.0 release introduces a new Tooltip Positioning capability that lets you control tooltip placement directly through configuration, without writing any custom JavaScript. With the new tooltip.fixed and tooltip.position options, you can easily set fixed positions for tooltips and define exactly where they should appear on the chart. This enhancement simplifies layout management, reduces implementation time, and ensures a cleaner, more consistent user experience across your data visualizations.

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

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.

用可訪問的圖表設計吸引更多使用者

5月 14, 2025
高對比圖表增強了可訪問性，提高了報表、儀錶板和演示文稿的理解力和包容性。

High contrast charts use distinct and contrasting color palettes within data visualizations to improve clarity, particularly for individuals with visual impairments. This involves choosing colors with noticeably different hues and brightness for elements such as lines, bars, labels, and backgrounds, so that differences in data are easy to spot. These charts improve data understanding, make information accessible to more people, reduce eye strain for some users, and support accessibility standards. They are useful in many areas, such as financial reports, scientific papers and public health dashboards that must be clear and designed for a everyone regardless of visual ability.

Several JavaScript charting components provide accessible high contrast features, including:

  • JSCharting renders accessible high contrast charts, enhancing data clarity and inclusivity for users with visual impairments across diverse applications.
  • SmartClient Chart by Isomorphic Software offers built-in high contrast themes, ensuring visually impaired users can effectively interpret complex business data.
  • jQWidgets Chart enables the creation of high contrast data visualizations, improving comprehension and accessibility for a broader audience in web applications.  
  • Highcharts Core by Highsoft facilitates the implementation of customizable high contrast charts, promoting inclusivity in data representation for all users.

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

Compare JavaScript Chart Components

用即時命令加速試算表任務

5月 9, 2025
SpreadJS 18.1.0 添加一個新的命令選項板，用於使用擊鍵和搜索快速、情境感知地訪問作和高級功能。

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.1.0 update introduces the new Command Palette, providing developers with a centralized interface to quickly access and execute a wide range of spreadsheet commands without navigating through complex menus. This enhancement improves productivity by reducing the time required to locate functions, allowing developers to apply formatting, manage data, and configure worksheet settings directly through intuitive search and selection capabilities. The Command Palette can be instantly triggered using the familiar Ctrl/Cmd + P keyboard shortcuts, offering quick access to commands and further accelerating common development and data manipulation tasks within the application.

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