{"id":13979,"date":"2021-12-07T06:39:00","date_gmt":"2021-12-07T06:39:00","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=13979"},"modified":"2021-12-20T10:15:28","modified_gmt":"2021-12-20T10:15:28","slug":"js-charts-8-11-0-released","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2021\/12\/07\/js-charts-8-11-0-released\/","title":{"rendered":"AnyChart JS Charts 8.11.0 Released with Awesome New Data Visualization Features"},"content":{"rendered":"

\"AnyChart<\/a>Excited to tell you we’ve just pushed a major update to our JavaScript charting library<\/a>! The newly arrived features and improvements make\u00a0our\u00a0core solution\u00a0even more flexible, adding\u00a0awesome\u00a0fresh capabilities designed to\u00a0further help you on your data visualization development journey. Intrigued? Let us show what’s new in AnyChart JS Charts 8.11.0 right away!<\/p>\n

<\/p>\n

New Features in\u00a0AnyChart JS Charts<\/h2>\n\n\n\n\n\n
\"Baseline<\/td>\n\n
Baseline Milestones in Gantt Chart<\/strong><\/h5>\n

Milestones can now be put on not only actual but also baseline elements, which makes project planning and tracking with our Gantt charts<\/a> even more\u00a0efficient and streamlined. So first you can schedule any important dates such as meetings, approvals, phase completions, and other major events or goals. Then it is easy to visually compare the actual milestone dates to the initial, baseline project plan. Check out an example of a Gantt chart with\u00a0a baseline milestone<\/a> in our gallery.<\/td>\n<\/tr>\n

\"Axes<\/td>\n\n
Custom Axis Placement<\/strong><\/h5>\n

We have added the option to draw the X and Y axes<\/a> anywhere on the chart. Previously, you could only set them to the fixed top or bottom and left or right positions, respectively. Now, you have full control over the scale values at which the axis lines appear and therefore where they cross. For instance, now you can easily make both axes go through the origin point (0, 0) in graphs with negative values. Check out an example of a column chart with custom axis placement<\/a> in our gallery.<\/td>\n<\/tr>\n

\"Outside<\/td>\n\n
Outside Labels in Waterfall Chart<\/strong><\/h5>\n

In waterfall charts<\/a>, now it is possible to caption small elements in a neatly elegant way with ease. If a data label does not fit in the bounds of its data point, you can place it outside of the bar. Such outside labels can be\u00a0especially helpful in stacked waterfall charts that display\u00a0multiple series on the same plot. Check out an example of a waterfall chart with outside labels<\/a> in our gallery.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Improvements in AnyChart JS Charts<\/h2>\n

That’s not all the new release brings! We have also\u00a0made a number of improvements to the existing charting mechanisms.<\/p>\n

For example, now you can easily do the following in waterfall charts:<\/p>\n