Feature Details

Easy-to-Integrate

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

No Flash, 100% JavaScript

As a pure JavaScript solution, the charts will work equally well in all major web browsers and across all PC platforms, smartphones and tablet devices, including Apple products. The charts will be correctly displayed in web apps which 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, and pie charts. Moreover, you can customize each and every aspect of the charts to your needs. All colors, text parameters, sizes, etc. can easily be changed through a flexible and rich 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

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.

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

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.

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.