{"id":619,"date":"2010-10-12T11:00:30","date_gmt":"2010-10-12T07:00:30","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=619"},"modified":"2023-05-09T11:02:16","modified_gmt":"2023-05-09T08:02:16","slug":"dhtmlxchart-updated-lots-of-new-features-and-ie9-support","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxchart-updated-lots-of-new-features-and-ie9-support\/","title":{"rendered":"dhtmlxChart Updated: Stacked, Series, and New Chart Types"},"content":{"rendered":"<p>Even though the first official release of <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxChart\/\">dhtmlxChart<\/a> 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.<\/p>\n<p><strong>Area Chart<\/strong><br \/>\nOur 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.<\/p>\n<div id=\"attachment_620\" style=\"width: 608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-620\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/area_charts.gif\" alt=\"dhtmlxChart - Area chart (series and stacked)\" title=\"dhtmlxChart - Area chart (series and stacked)\" width=\"598\" height=\"188\" class=\"size-full wp-image-620\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/area_charts.gif 598w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/area_charts-300x94.gif 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><p id=\"caption-attachment-620\" class=\"wp-caption-text\">Area charts: series and stacked<\/p><\/div>\n<p><strong>Spline Chart<\/strong><br \/>\nAnother 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. <\/p>\n<p><!--more--><div id=\"attachment_623\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-623\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/spline_charts.gif\" alt=\"Spline chart\" title=\"dhtmlxChart - Spline chart\" width=\"600\" height=\"203\" class=\"size-full wp-image-623\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/spline_charts.gif 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/spline_charts-300x101.gif 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-623\" class=\"wp-caption-text\">Spline chart<\/p><\/div><\/p>\n<p><strong>Series of Charts<\/strong><br \/>\nAs 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). <\/p>\n<div id=\"attachment_624\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-624\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/chart_series.gif\" alt=\"Chart series - Line and bar charts\" title=\"dhtmlxChart - Series of charts\" width=\"600\" height=\"216\" class=\"size-full wp-image-624\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/chart_series.gif 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/chart_series-300x108.gif 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-624\" class=\"wp-caption-text\">Chart series - Line and bar charts<\/p><\/div>\n<p><strong>Legend and Origin<\/strong><br \/>\nImprovements in properties include legend and origin. A legend was already available for the pie chart, but now it\u2019s 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. <\/p>\n<p>The origin\u2019s position &#8211; in other words, the zero of the coordinate system &#8211; can now be defined for line, spline, and vertical bar charts. This feature allows you to display negative values on a graph.<\/p>\n<p><strong>Extended Bar Chart<\/strong><br \/>\nWith 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: <strong>stacked bar chart<\/strong>, chart series, the option to show negative values below zero, and horizontal bar charts.<\/p>\n<div id=\"attachment_626\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-626\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/bar_charts.gif\" alt=\"Bar chart - Horizontal, stacked, and displaying negative values\" title=\"dhtmlxChart - Bar charts\" width=\"600\" height=\"202\" class=\"size-full wp-image-626\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/bar_charts.gif 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/09\/bar_charts-300x101.gif 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-626\" class=\"wp-caption-text\">Bar charts - Horizontal, stacked, and displaying negative values<\/p><\/div>\n<p><strong>IE9 Support<\/strong><br \/>\nThe last thing we\u2019d 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.<\/p>\n<p>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 <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxChart\/\">dhtmlxChart homepage<\/a>.<br \/>\nBy the way, if you have some ideas about what more can be changed or added to improve dhtmlxChart, we welcome your comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3448,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,1],"tags":[33,21,4],"class_list":["post-619","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-releases","category-uncategorized","tag-all-posts","tag-charts","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=619"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/619\/revisions"}],"predecessor-version":[{"id":8639,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/619\/revisions\/8639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3448"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}