Feature Details

Easy-to-Integrate, 100% JavaScript Charts

dhtmlxChart is a JavaScript 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.

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.

dhtmlxChart - Line charts

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.

dhtmlxChart - Spline charts

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.

dhtmlxChart - Area charts

Bar Chart

dhmlxChart 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.

dhtmlxChart - Bar charts

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.

dhtmlxChart - Pie and Donut charts

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.

dhtmlxChart - Radar charts

Scatter Chart

dhtmlxChart 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).

dhtmlxChart - Scatter charts

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.

dhtmlxChart - Combination of charts

Loading from dhtmlxGrid

You can configure dhtmlxCharts 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.

dhtmlxChart - Loaded from dhtmlxGrid data

Data Aggregation

dhtmlxChart 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.