Easy-to-Integrate, 100% JavaScript Charts
dhtmlxChart is a JavaScript/HTML5 charting library that offers you an easy and transparent way to draw dynamic charts on a web page. Just include the required .js and .css files on a page and define a datasource to feed the charting component. dhtmlxChart supports a wide variety of data formats: HTML, XML, JSON, JavaScript array, or CSV.
As a pure JavaScript solution, the charts will be displayed equally well in all major web browsers across all desktop and mobile devices. You can use dhtmlxChart in mobile web apps that run on the iPhone, iPad, Android, and other mobile devices.
dhtmlxChart is a part of dhtmlxSuite, a JavaScript UI Library, that offers more than 25 fully-functional UI widgets such as grids, forms, autocomplete combos and so on. You can use our charting library separately or download full js library.
Completely Customizable
With dhtmlxChart, you can create different types of charts, including simple line graphs, bar charts, area charts, pie charts, and more. Each and every aspect of the charts is easily customizable. All colors, text parameters, sizes, etc. can be changed through a flexible and rich script API.
Line Chart
You can display line charts with or without scale lines, with data points marked or unmarked, and the charts do support negative values. You can also represent a series of line charts, or multiple data sets on the same line chart. Configuring the chart settings, you can customize the view of your data to best suit your needs.
Spline Chart
A spline chart is special type of line chart. It generates a fitted curve that goes through each data point, approximating intervening values, giving your charts a smoother, more polished look.
Area Chart
An area chart is also similar to a line chart, but the area between the line and the horizontal axis is filled with color. You can customize the look of the area chart with colors, lines, or tooltips. You can also create a stacked area chart or a series of charts.
Bar Chart
This HTML5 chart enables full-featured bar chart creation. You can customize bar width, labels, tooltips, scale, and color. The component allows you to draw horizontal or vertical charts, and visualize negative values, if needed. It also supports stacked bar charts and multiple bar charts on the graph.
Pie and Donut Chart
With dhtmlxChart, you can create pie charts that can be presented in 2D or 3D view. As with other chart types, you can configure any detail of the pie chart, including color, text, fonts, tooltips, etc. You can also create a variation of pie chart, donut chart.
Radar Chart
Radar chart displays variables represented on axes starting from the same point. Points close to the center indicate low values and points close to the perimeter are high values. Radar chart are good for comparing multiple entities based on different characteristics. You can create filled radar charts or display just points or lines.
Scatter Chart
Our js/html charting library also supports scatter chart that displays a collection of points. Each data point is positioned on the axes using two values: X and Y. You can choose how the point on the chart will look (there are 3 presets: square, round, and diamond).
Combination of Charts
Since version 3.6, there is the ability to display a combination of chart types on a single chart. You can combine two or more chart types.
Loading from dhtmlxGrid
You can configure dhtmlxChart to load data from dhtmlxGrid and visually represent grid records. The data populated from dhtmlxGrid and displayed on charts can be changed dynamically when user edits the grid inline.
Data Aggregation
Our html5 chart supports data aggregation which means that charts can display data in summary form, gathering the data by a certain property in groups. It can be very useful when you need more detailed reporting and analysis of your data.