dhtmlxChart Updated: Stacked, Series, and New Chart Types

| Comments (8)

Even though the first official release of dhtmlxChart was introduced just 2 months ago, today we are ready to present its update pack. You will be pleasantly surprised by the various useful features we have added to our JavaScript charting library.

Area Chart
isOur first piece of good news is the announcement of a new type. We have extended the types variation with the area chart. The stacked area charts are just the thing to use when you need to show how a separate data value contributes to the total, or which part of the whole this value represents. The component can also draw series of area charts.

dhtmlxChart - Area chart (series and stacked)

Area charts: series and stacked

Spline Chart
Another new type is the spline chart, which is similar to the line chart, but a curve approximates the intervening values and goes smoothly between data points. You may also generate a series of spline charts, if needed.

Spline chart

Spline chart

Series of Charts
As you may have already noticed, we have added the ability to display a series of charts, a feature unavailable in the previous release. This new feature works for the majority of available chart types (line, spline, bar, and area charts).

Chart series - Line and bar charts

Chart series - Line and bar charts

Legend and Origin
Improvements in properties include legend and origin. A legend was already available for the pie chart, but now it’s available for all types. It can be very helpful when you draw a chart series and want to add explanations or descriptions for each individual series.

The origin’s position – in other words, the zero of the coordinate system – can now be defined for line, spline, and vertical bar charts. This feature allows you to display negative values on a graph.

Extended Bar Chart
With all the new features introduced in this release, the bar chart now gives you the freedom to present your data in a more illustrative and intuitive way. Advanced features include: stacked bar chart, chart series, the option to show negative values below zero, and horizontal bar charts.

Bar chart - Horizontal, stacked, and displaying negative values

Bar charts - Horizontal, stacked, and displaying negative values

IE9 Support
The last thing we’d like to mention is support for Internet Explorer 9.0. As promised, we updated DHTMLX components upon the release of the latest version of Internet Explorer.

So these were the main updates, and they should give you a good feel for the full range of changes. The details and download link to the updated package can be found on dhtmlxChart homepage.
By the way, if you have some ideas about what more can be changed or added to improve dhtmlxChart, we welcome your comments below.


  1. Gary McWilliams October 28, 2010 at 3:59 pm

    Do you plan to add polar or spider graphs? These are good and the product is advancing nicely but there are chart types that are useful for different conditions.

    • Inga October 29, 2010 at 7:06 pm

      We unlikely will add polar or spider graphs in the next version of dhtmlxChart, but thanks for the suggestion – we will keep it in mind.

  2. Alsion December 8, 2010 at 7:52 pm

    can this product support Joomla 1.5?

    • ivan December 13, 2010 at 8:33 pm

      Unfortunately, there is no a ready-to-use solution for Joomla.

  3. rock November 27, 2011 at 4:16 am


    Can I export chart to PDF? If it is possible with the current API can you please provide me the samples.

    Thanks in advance.

    • Ivan November 28, 2011 at 3:08 pm

      There is no such a ready-to-use functionality. However, the browsers that support Canvas can export it as an image. This approach can be used for partial chart exporting.

      var canvas = yourChart.getCanvas().canvas;
      var img = canvas.toDataURL(“image/png”);

      This approach won’t work in IE8, IE7 (they do not support canvas).

      If you need to export only chart data, you may try to use GridConnector. Here are the docs:

  4. Ashish October 19, 2012 at 10:50 am

    can you please send me a proper example how save,update,delete functionality works in dhtmlx grid for java.it will be helpful for me to understand how it is useful for our organization.

Leave a Reply