JavaScript/HTML5 Charts Library

JavaScript Chart

You can use dhtmlxChart as an individual component or as a part of dhtmlxSuite

Product Features

  • Chart types: line, spline, area, bar, pie, donut, scatter, and radar charts
  • Cross-browser support
  • Chart series and combinations of charts
  • Loaded from XML, JSON, JavaScript array, or CSV
  • Easy customization of chart appearance
  • Use with any server-side technology
  • Integration with other DHTMLX components

Live Demo

Area Charts
Area Chart
Bar Charts
Horizontal Bar Chart
Column Charts
Vertical bar Chart
Donut Chart
Donut Chart
Line Charts
Line Chart
Pie Chart
Pie Chart
Radar Charts
Radar Chart
Scatter Charts
Scatter Chart
Spline Charts
Spline Chart
Generate most common chart types
dhtmlxChart is a JavaScript charting library for generating cross-browser HTML5 charts. It supports the most common chart types: line, spline, area, bar, pie, donut, scatter, and radar charts. For complex charting needs, you can create a chart series, plotted separately side by side, or stacked. You can also display a combination of different charts types on a single chart (e.g. combine line and bar charts).
Easy customization
The charts can be loaded from XML, JSON, JavaScript array, or CSV and updated on the fly (by using Ajax) to show changing graphical data. You can easily customize the chart appearance by configuring any chart elements: colors, tooltips, scales, templates, labels, etc.
Cross-browser support
The dhtmlxChart library is written in JavaScript using Canvas and works in all major web browsers: IE, FF, Safari, Opera, Chrome, or any other browsers based on Mozilla or the Webkit engine. In the old versions of IE, dhtmlxChart uses VML (excanvas.js library). You can use dhtmlxChart with any server-side technology to represent your data in the most convenient and descriptive way.
Integration with other DHTMLX components
As part of DHTMLX toolkit, dhtmlxChart is compatible with other DHTMLX components. If you put dhtmlxChart within a cell in dhtmlxLayout, the chart will adjust its size to the size of the layout cell. You can also bind these HTML5 charts to dhtmlxGrid to display charts generated from the grid data.

Editions and Licenses

Standard GNU GPL v2
Free under GPL
  • Use in unlimited projects
  • Forum support
  • Minor and Major updates
Standard Commercial license
up to 5 developers
  • Use in one project
  • Standard ticket support
  • 1 month of updates (minor, major, bugfixes)
Favorable terms
for companies
Standard Enterprise license
per company
  • Use in unlimited projects
  • Premium ticket support
  • 12 months of updates (minor, major, bugfixes)

Support & Learning Resources

Technical samples

All Chart features are accompanied by an online sample

Ticket support

Create a support request and get fast and qualified help from our support/development team.


Our detailed documentation can learn how to use Chart and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxChart integration into your app? Contact us