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