Charts 新闻

通过 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

修复没有自定义代码的图表工具提示位置

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月 8, 2025
用多系列样条曲线图可视化多个数据集之间不断变化的关系，并有效识别随时间变化的相关性。

Spline charts are a type of line graph that displays continuous data points connected by smooth, curved lines, offering a visually fluid representation of trends and changes over time. This smoothing effect helps to highlight the overall trajectory of the data and can provide estimations of values between plotted points. Multi-Series Spline Charts extend this functionality by plotting multiple related datasets on the same graph, enabling direct visual comparison of their trends and the identification of correlations or divergences.

Several .NET Blazor chart controls offer spline charts including:

  • TeeChart Blazor renders interactive spline charts, enabling clear trend visualization and data comparison through smooth, customizable curves.
  • FusionCharts Blazor Suite XT empowers Blazor developers with versatile spline charts to illustrate continuous data and highlight comparative trends across multiple series.
  • Infragistics Blazor Charts (part of Infragistics Ignite UI) provides feature-rich spline chart components, facilitating insightful trend analysis and smooth data representation.
  • Syncfusion Blazor Chart (part of Syncfusion Essential Studio Enterprise) offers comprehensive spline chart functionality, allowing dynamic data visualization.

For an in-depth analysis of features and price, visit our .NET Blazor chart controls comparison.

Compare .NET Blazor Chart Controls

庆祝与 FusionCharts 合作 5 周年

5月 7, 2025
自 2020 年以来，ComponentSource 和 FusionCharts 一直合作，为全球开发人员带来强大的数据可视化工具。

ComponentSource's expertise and global reach have significantly expanded the worldwide accessibility of FusionCharts' data visualization solutions. By leveraging ComponentSource's established distribution network and multilingual support, FusionCharts has connected with a broader international audience of developers and organizations across diverse industries and geographical locations, enabling them to enhance their applications with compelling data insights.

This 5 year partnership between ComponentSource and FusionCharts reflects a shared dedication to empowering developers with best-in-class tools, acknowledging the role of effective data visualization in modern applications. Through this partnership, ComponentSource has played a key role in making FusionCharts flagship product FusionCharts Suite XT more accessible to a global audience.

Now marking 5 years of working together, ComponentSource and FusionCharts are continuing to build on their collaboration. As demand grows for tools that help developers deliver more data-driven and visually rich applications, the partnership remains focused on improving access and simplifying procurement for teams everywhere.

As we celebrate this milestone, we look forward to strengthening our partnership and continuing to provide developers with the tools they need to succeed.

For more information, visit our FusionCharts brand page.