{"id":5329,"date":"2017-12-20T06:14:09","date_gmt":"2017-12-20T06:14:09","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=5329"},"modified":"2018-11-08T11:34:12","modified_gmt":"2018-11-08T11:34:12","slug":"happy-new-year-in-javascript-charting-anychart-8-1-0","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2017\/12\/20\/happy-new-year-in-javascript-charting-anychart-8-1-0\/","title":{"rendered":"Happy New Year in JavaScript Charting: AnyChart 8.1.0 Is Out!"},"content":{"rendered":"

\"Happy<\/a>The New Year and Christmas are already just around the corner, and we have something astonishing for you in this magical time! The next major update for our product family of JavaScript charting libraries<\/a> is\u00a0now released, so meet AnyChart 8.1.0!<\/strong><\/p>\n

Check out what new cool and useful features are delivered in the new versions of our HTML5-based interactive data visualization\u00a0solutions\u00a0AnyChart<\/a>,\u00a0AnyStock<\/a>,\u00a0AnyGantt<\/a>\u00a0and\u00a0AnyMap<\/a>, as well as what we are going to work on next.<\/p>\n

<\/p>\n

Major New Features in AnyChart JS Charts 8.1.0<\/h2>\n

AnyChart 8.1.0 brings a number of features and various improvements designed\u00a0to help you create beautiful interactive JS charts for your HTML5 apps and websites even faster and easier. Below is a list of the major news.<\/p>\n

<\/p>\n\n\n\n\n\n\n\n\n\n\n\n
\"\"<\/td>\n\n
Pie Chart Outline<\/strong><\/h5>\n

Although the outline itself does not carry any particular information on a chart, it can be utilized to make a\u00a0Pie Chart<\/a>\u00a0stand out visually in comparison with the other charts and to stress the importance of the data displayed. By default, the\u00a0Pie Chart Outline<\/a>\u00a0features the width of 10 pixels and the lighter fill color. See the Pie Chart with Outline<\/a> chart example in our gallery. (Docs<\/a>.)<\/td>\n<\/tr>\n

\"\"<\/td>\n\n
Center Content in Donut Charts<\/strong><\/h5>\n

How to efficiently use the space on a web page will always remain a topical question for the web design. To contribute to this field, we\u2019ve introduced the\u00a0center()<\/a>\u00a0method making the process of adding the content to the center of a Pie Chart as easy and convenient as possible. You can use\u00a0center()<\/a>\u00a0to\u00a0add text<\/a>\u00a0or\u00a0other charts<\/a>. See Donut Chart with Text as Center Content<\/a>\u00a0and Donut Chart with Geo Map as Center Content<\/a>\u00a0in our gallery. (Docs<\/a>.)<\/td>\n<\/tr>\n

\"\"<\/td>\n\n
Pie Chart Interactivity<\/strong><\/h5>\n

New methods are now available in\u00a0Pie Chart<\/a>:\u00a0normal()<\/a>,\u00a0hovered()<\/a>\u00a0and\u00a0selected()<\/a>. They allow to configure any settings for the corresponding states, including\u00a0fill()<\/a>,\u00a0stroke()<\/a>,\u00a0outline()<\/a>\u00a0and\u00a0explode()<\/a>. See the Donut Chart with Complex Interactivity Settings<\/a> in the gallery. (Docs<\/a>.)<\/td>\n<\/tr>\n

\"\"<\/td>\n\n
Pie Chart Label Placement Logic<\/strong><\/h5>\n

The improved\u00a0Pie Chart Outside Labels<\/a>\u00a0distribution algorithm makes sure that labels are well-positioned and provided with enough space to be displayed in a clear, neat manner. The\u00a0outsideLabelsSpace()<\/a>\u00a0method is now deprecated as far as its value is calculated automatically. See the\u00a0Pie Chart with Dynamic Start Angle<\/a>\u00a0example to see how it works. (Docs<\/a>.)<\/td>\n<\/tr>\n

\"\"<\/td>\n\n
Label Annotation in Basic and Financial Charts<\/strong><\/h5>\n

Label Annotation is an excellent way to highlight particular data or\u00a0events on a chart<\/a>, add trendline captions and leave notes for data analysts. When it comes to analyzing stock data, the opportunity to add text annotations is often essential. Just like\u00a0other types of annotations<\/a>, a label annotation supports\u00a0live editing\u00a0and states, can be saved\u00a0as JSON<\/a>\u00a0and provides a wide range of\u00a0text settings<\/a>. See the Annotated Labels Feature<\/a> and Stock Chart with Label Annotations<\/a> chart examples in our galleries. (Docs<\/a>.)<\/td>\n<\/tr>\n

<\/td>\n\n
Event Markers in Financial Charts<\/strong><\/h5>\n

Event Markers are now one of the\u00a0greatest features of AnyStock. It\u2019s a special type of chart markers designed to provide the best experience in showing various events on financial charts: Key Developments, Dividends, Splits, etc. This information is important for financial analysis and has to be properly visualized.\u00a0So we\u2019ve equipped AnyStock with a very flexible and convenient set of tools for working with Event Markers. See\u00a0Stock Event Markers<\/a> and Stock OHLC Chart with Sidebar Events Feed<\/a>. (Docs<\/a>.)<\/td>\n<\/tr>\n

\"\"<\/td>\n\n
Conditional Coloring in Gantt Charts<\/strong><\/h5>\n

Now it\u2019s possible to apply colors to the elements of Gantt charts using functions. Each of the functions contains a comprehensive set of data about an element to be colored. See the\u00a0AnyGantt version history<\/a>\u00a0for the complete list of methods\u00a0now supporting such functions and our\u00a0Gantt Chart with Conditional Coloring<\/a> chart example in the gallery. (Docs<\/a>.)<\/td>\n<\/tr>\n

\"Data<\/td>\n\n
Element Size and Position Settings in Gantt Charts<\/strong><\/h5>\n

To improve the visual perception of Gantt Charts and make it easier to customize them according to a style, we\u2019ve added a lot of settings for adjusting the size and the position of all elements in a Gantt Chart.\u00a0See the AnyGantt version history<\/a> for the complete list of such methods and our\u00a0Gantt Chart with Elements Custom Size and Position<\/a> chart example in the gallery.<\/td>\n<\/tr>\n

\"\"<\/td>\n\n
Adaptive Text Formatting in Gantt Charts<\/strong><\/h5>\n

Now you can adjust the format of\u00a0Gantt Timeline labels<\/a>\u00a0manually using the new\u00a0measureWithText()<\/a>\u00a0method. See the\u00a0Gantt Resource Chart with Adaptive Labels Format\u00a0<\/a>example to get an idea of how it works. (Docs<\/a>.)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

More Improvements in AnyChart 8.1.0<\/h2>\n

In addition to these major new features in AnyChart 8.1.0, there are also a lot of other general and library-specific improvements as well as bug fixes.<\/p>\n

To learn more about everything that’s been updated and can be tried out now, please\u00a0refer to the version histories of\u00a0our JavaScript (HTML5) chart libraries:\u00a0AnyChart<\/a>,\u00a0AnyStock<\/a>,\u00a0AnyMap<\/a>,\u00a0AnyGantt<\/a>.<\/p>\n

We’ve also released the 2.2.0 version of the AnyChart Extension for Qlik Sense<\/a>. It has delivered Treemap Chart, Radar Chart and Polar Chart as well as\u00a0New Chart Type Select Control and\u00a0AnyChart Qlik Demo Application. Learn more on the extension’s page<\/a>.<\/p>\n

Expect New\u00a0AnyChart JS Charts in\u00a0March 2018<\/h2>\n

The next version of AnyChart is expected to go live in about three months, in March 2018. Our plan on the nearest following versions includes the release of the following:<\/p>\n