AnyChart JS Charts 8.3.0 Released with Awesome Coloring Formatters, HTML Tooltips, New Technical Indicators, and More

AnyChart
Frontend Weekly
Published in
4 min readJul 10, 2018

We at AnyChart are proud to announce the 8.3.0 release of our JS chart libraries AnyChart, AnyStock, AnyGantt, and AnyMap! The present major update brings full support of HTML in tooltips, background settings for chart data bounds, coloring rules and thresholds, easy axis label positioning, new technical indicators, and even more.

New JS Chart Features in AnyChart 8.3.0

HTML Tooltips Support

Tooltip customization is way easier now! Full support of HTML is available in all of our JS chart libraries: AnyChart, AnyMap, AnyGantt, AnyStock. Write your own HTML code and customize tooltip visualization using CSS classes. Read how to add HTML tooltips. See a chart sample with HTML tooltips.

Background Settings for Chart Data Bounds

The background can be changed for the data area if needed — in basic JS charts (AnyChart) and JS maps (AnyMap). See the data area background documentation and a chart with background settings for chart data bounds in the gallery.

Coloring Rules, Thresholds

New ways to customize the coloring of series are added to basic and stock charts: negative/positive and rising/falling colors, and the ability to specify the Color Scale with thresholds for series. Read the automatic coloring docs, and see our chart samples using coloring rules and thresholds.

Axis Label Positioning

The positioning of axis labels inside data plots in basic charts (AnyChart) and stock charts (AnyStock) gets easier. Learn more about the axis label positioning in our documentation and check out a chart example with the axis label positioning in action.

Axis Markers

Axis Markers are now added to AnyStock:

See Axes in AnyStock in the docs to find out the details.

Hover State Configuration

Hovered state configuration is now supported in stock and financial JS charts powered by our dedicated AnyStock library. Look at our stock chart example featuring markers on hover for illustration.

Plot Titles

Stock chart plots can have their own titles now.

Read about chart plot titles in AnyStock in the AnyChart Documentation.

Check out the stock chart plot title demo in the gallery of stock charts.

New Technical Indicators

Seven new out-of-the-box technical indicators are now available in AnyStock JS library: TRIX, Keltner Channel, On Balance Volume (OBV), Awesome Oscillator (AO), Heikin Ashi, VolumeMA, and Price Channels. You’ll find the corresponding stock chart examples in the Technical Indicators gallery.

Gantt Editing API Improvements

Gantt charts editing API in our AnyGantt JS library is thoroughly revised and improved.

Here’s a Gantt chart example leveraging the updated API.

More Improvements

That’s not even all the awesome news of AnyChart JS Charts 8.3.0. As always, not only have we added a bunch of cool features to our HTML5-based data visualization libraries, but there are also multiple further important improvements and bug fixes.

Check out the version histories to find out what else is new:

Thanks for choosing AnyChart’s JS chart libraries — recognized the best in JavaScript technology this year! — to operate interactive data visualization in your web apps and other projects. Feel free to ping us with your feedback about the 8.3.0 release as well as with new charting feature suggestions — on Twitter, Facebook, LinkedIn, or by contacting our Support Team.

Enjoy AnyChart JS Charts 8.3.0!

Originally published on the AnyChart JS Charts blog

--

--

AnyChart
Frontend Weekly

Cross-platform JavaScript/HTML5 data visualization solutions, flexible JS charts libraries & Qlik Sense extensions for all your data viz needs: www.anychart.com