JavaScript Charts Library

Build beautiful and interactive JavaScript charts

DHTMLX Chart library offers 12 types of JavaScript/HTML5 charts for visualizing data in web apps, including line, spline, area, bar, pie, donut, scatter, radar, treemap and heatmap 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 charts from our JavaScript chart framework to meet your needs. You have a complete control over all paddings, margins, sizes, and colors of all elements. DHTMLX Chart 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 charts into your Angular, React, or Vue.js apps

Just like all other Suite components, our JS 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 code examples to make the process of integration smooth. You are free to evaluate the work of the components during a 30-day trial period.