Noticias sobre Charts

Garantice la accesibilidad y la claridad de los datos para todos los usuarios

Junio 2, 2025
Cumpla con los estándares WCAG y proporcione información clara y accesible a través de gráficos JavaScript intuitivos.

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 5: 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

Acceda a datos de gráficos en vivo a través de las API de JavaScript

Mayo 22, 2025
Los controles de gráficos de React pueden recuperar datos actualizados bajo demanda mediante la integración con API de JavaScript personalizadas para pantallas visuales dinámicas.

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

Corrija la ubicación de la información sobre herramientas de gráficos sin código personalizado

Mayo 15, 2025
Highcharts 12.2 presenta una forma declarativa de controlar la ubicación de la información sobre herramientas, lo que elimina la necesidad de ajustes manuales de 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.

Llegue a más usuarios con diseños de gráficos accesibles

Mayo 14, 2025
Los gráficos de alto contraste mejoran la accesibilidad, lo que aumenta la comprensión y la inclusividad en informes, paneles y presentaciones.

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

Compare tendencias con los ráficos spline de varias series

Mayo 8, 2025
Visualice la evolución de las relaciones entre varios conjuntos de datos e identifique de manera efectiva las correlaciones a lo largo del tiempo con gráficos spline de varias series.

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