< Meet dhtmlxSuite 6.1 with inline editing, multiselection, multiple drag-n-drop & much more

JavaScript Charts

A versatile JavaScript/HTML chart library with unlimited customization and configuration possibilities.
Part of the Suite UI library based on Material design.

Product Features

  • Cross-browser compatibility
  • Support for IE11+
  • Full control with JavaScript API
  • Wide customization options
  • Line and Spline charts
  • Bar and X-Bar charts
  • Area and Spline Area charts
  • Pie, Pie 3D, and Donut charts
  • Radar charts
  • Scatter charts
  • Stacked charts
  • Mixed charts
  • Logarithmic scale
  • Custom scale labels
  • Custom templates for tooltips
  • Configurable legend
  • Ability to hide scales and grid lines
  • Ability to show a threshold line and baseline
  • Various shapes of points and markers (circle, triangle, rhombus, etc.)
  • Data loading in the JSON format

How to Initialize JavaScript Charts with DHTMLX

Follow these 5 quick steps to start working with our HTML5 charts:
1
Create an HTML file
2
Include the charts js and css source files in the header
3
Add a container with an id - e.g. “chart_container”
4
Initialize the widget with the dhx.Chart object constructor
5
Set the necessary configuration properties and load data into charts

Dynamic JavaScript Charts - Live Update

With dhtmlxChart you're able to visualize the changes in data happening in real time

Why Choose DHTMLX Chart Library?

Build beautiful and interactive JavaScript charts

dhtmlxChart library offers 11 types of JavaScript/HTML charts for visualizing data in web apps: line, spline, area, bar, pie, donut, scatter, and radar charts. Each type caters for different needs. For instance, bar charts can display several data series, plotted separately side by side or stacked. Pie charts have 2D and 3D variations. You can also mix different chart types on a single chart (e.g. combine line and bar charts).

Equip your charts with all the necessary properties

A comprehensive JavaScript chart API makes it possible to achieve the desired configuration without a hitch. Scales, series, and legend are entirely modifiable. You can configure everything starting from titles and labels to min and max values of the Y scale. You can choose to show or hide grid lines or make them dashed, set a baseline and a threshold line for illustrating a target value, build a logarithmic scale, define the legend alignment, etc.

Customize the appearance to match your web app

There are endless opportunities for customizing our charting library to meet your needs. You have a complete control over all paddings, margins, sizes, and colors of all charts’ elements. dhtmlxChart enables you to create your own CSS classes with custom settings. You can apply a color gradient to bars, specify colors and transparency of the series filling, etc. Besides, you can set custom templates for tooltips and scale labels.

Integrate dhtmlxChart into your Angular, React, or Vue.js apps

Just like all other Suite components, our charts control can be easily integrated into web apps based on the most popular frameworks among developers: Angular, React, and Vue.js. Our development team created special wrappers to make the process of integration smooth. You are free to evaluate the work of the components during a 30-day trial period.

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

Other Suite Components

dhtmlxChart Licensing

Free GNU GPL v2 Commercial Enterprise Ultimate
License Terms
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Developers
Free GNU GPL v2
Commercial
5
Enterprise
20
Ultimate
Projects
Free GNU GPL v2
(open source only)
Commercial
1
Enterprise
5
Ultimate
SaaS
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Support Plan
Free GNU GPL v2
No Official Support
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
GNU GPL
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Free GNU GPL v2
Only Community Forum
Commercial
10
Enterprise
30
Ultimate
Response Time
GNU GPL
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
GNU GPL
Commercial
Enterprise
Ultimate
Functionality
GNU GPL
Standard
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
dhtmlxChart PRO
GNU GPL
Commercial
Enterprise
Ultimate
Module for XML parsing and serialization
GNU GPL
Commercial
Enterprise
Ultimate
demo-screenshot

File manager built with the help of Suite components: Layout, Grid, DataView, Toolbar, etc.

Up to 40% off

If you choose the whole Suite library instead
of buying DHTMLX UI components separately:

Suite Commercial - $799

Suite Enterprise - $1699

Suite Ultimate - $3499

Need help with dhtmlxChart integration into your app? Contact us