{"id":8324,"date":"2019-08-08T03:47:34","date_gmt":"2019-08-08T03:47:34","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=8324"},"modified":"2019-09-06T15:16:13","modified_gmt":"2019-09-06T15:16:13","slug":"javascript-graph-visualization-libraries-new-features-anychart","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2019\/08\/08\/javascript-graph-visualization-libraries-new-features-anychart\/","title":{"rendered":"JavaScript Graph Visualization Libraries Updated \u2014 Check Out AnyChart 8.7.0 with New Awesome Features!"},"content":{"rendered":"

\"JavaScript<\/a>AnyChart<\/a> 8.7.0 is out with a lot of new awesome data visualization features. Look what we’ve added to our JavaScript graph libraries in this major update.<\/p>\n

<\/strong><\/p>\n

New Features in AnyChart 8.7.0<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n
\"Client-side<\/td>\n\n
Client-Side Export<\/strong><\/h5>\n

We’ve added the client-side export feature to all our JavaScript charting libraries \u2014 AnyChart<\/a>, AnyStock<\/a>, AnyGantt<\/a>, and AnyMap<\/a>. This will allow you to have your data visualizations saved as images \u2014 SVG, PNG, and JPG \u2014 and PDF documents without a roundtrip to the server, by leveraging the built-in browser features for a seamless JS chart export, fast and secure.<\/td>\n<\/tr>\n

\"UI<\/td>\n\n
Stock UI Controls: Swap and Maximize<\/strong><\/h5>\n

The AnyStock JS library is now provided with three new UI controls in the form of buttons \u2014 “Up,” “Down,” and “Maximize.” The buttons make it easy for the viewer, market data analyst or trader, to swap the adjoining stock charts by moving one of them up or down, or maximize a certain visualization so it fills the entire page.<\/td>\n<\/tr>\n

\"JS<\/td>\n\n
Stock Plot Splitter<\/strong><\/h5>\n

A splitter is now automatically created between stock chart plots. It enables the viewer to change the relative height of the charts by dragging them up or down. This feature can facilitate data analysis when multiple stock or financial charts are drawn on the same page one above the other, allowing the viewer to make a (currently) more important visualization bigger than the others.<\/td>\n<\/tr>\n

\"Infinite<\/td>\n\n
Infinite Range Annotations<\/strong><\/h5>\n

In release 8.7.0, we’ve also delivered two new annotations to the AnyStock JavaScript graph library. These are infinite ranges \u2014 horizontal<\/a> and vertical<\/a>. So now they can be drawn on stock and financial charts powered by AnyStock using a ready-to-use UI, allowing you to avoid coding them as range axis markers, and therefore to save you a lot of time and effort. In our gallery, you’ll find two examples of how these annotations can look \u2014 horizontal range demo<\/a> and vertical range demo<\/a>.<\/td>\n<\/tr>\n

\"New<\/td>\n\n
New Technical Indicators<\/strong><\/h5>\n

Five new out-of-the-box indicators for technical analysis are now available in stock charts:\u00a0Envelope<\/a> (ENV),\u00a0Ichimoku Cloud<\/a> (IKH),\u00a0Price Oscillator<\/a> (PPO),\u00a0Rank Correlation Index<\/a> (RCI),\u00a0and\u00a0Psychological Line<\/a> (PSY). You’ll find stock chart examples showcasing these and other technical indicators<\/a> in a special section of our gallery.<\/td>\n<\/tr>\n

\"Milestone<\/td>\n\n
Milestone Preview on Parent Task Bar<\/strong><\/h5>\n

Milestone preview on the parent task bar is now available in the AnyGantt library. This new feature will allow the viewer of a Gantt chart to quickly understand what milestones such a task has and then expand it to learn the details if needed. Check out an example of a Gantt chart with milestone preview<\/a> in our gallery.<\/td>\n<\/tr>\n

\"Custom<\/td>\n\n
Custom Marker for Milestone<\/strong><\/h5>\n

In release 8.7.0, we’ve also added an option to customize milestone markers on Gantt charts by type and color. So now you can easily differentiate between the milestones of non-identical nature within the same project by depicting them in different ways. Look at a Gantt chart example with custom markers<\/a> in our gallery.<\/td>\n<\/tr>\n

\"Custom<\/td>\n\n
Custom Basic Year<\/strong><\/h5>\n

Previously, our Gantt charts only supported the calendar year as the basic year period. Now, it is possible to define a custom one. For example, you can go ahead and set a fiscal (financial) year, or an academic year, or any other year depending on what point of reference you actually need in this regard; quarters will be formed accordingly. Here’s a fiscal year demo<\/a>.<\/td>\n<\/tr>\n

\"Polygonal<\/td>\n\n
Polygonal Selection in Maps<\/strong><\/h5>\n

We’ve made it possible to select points on JS map charts powered by the AnyMap library by drawing a polygon. In addition to the rectangular marquee, such a complex, polygonal selection can now be easily configured using our API and is also available to the end user from the context menu. Give it a try on a dedicated selection type demo<\/a> in our gallery.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

More JavaScript Graph Visualization Improvements in Version 8.7.0<\/h2>\n

In fact, release 8.7.0 has delivered even more improvements as well as bug fixes.<\/p>\n

Check out the version histories of our products for more information:<\/p>\n