JavaScript / HTML5 新闻

庆祝与 Froala 合作 5 周年

5月 19, 2025
自 2020 年以来，ComponentSource 和 Froala 一直合作，为开发人员提供强大的富文本编辑解决方案。

ComponentSource has helped extend access to Froala's lightweight WYSIWYG HTML editor by making it available to developers around the world. The JavaScript-based editor integrates easily into web applications, offering straightforward rich text editing capabilities that fit well within ComponentSource's global catalog of developer tools.

The partnership between ComponentSource and Froala, now spanning five years, reflects a shared dedication to providing developers with high-quality and easily accessible software. This collaboration has created a reliable channel for developers to obtain Froala's products.

As they mark five years of working together, ComponentSource and Froala continue to support developers with accessible editing solutions. The availability of Froala Editor through ComponentSource underscores its position as a useful tool for modern web content editing, and strengthens ComponentSource’s role as a resource for trusted development components.

Froala Editor is licensed per product and domain. It is available as an annual or perpetual license with version upgrades and support. See our Froala Editor licensing page for full details.

For more information, visit our Froala Editor product page.

在数据网格应用中将列设置为必填

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