Highsoft Highstock is a high-performance financial charting library that lets you create stock or general timeline charts in pure JavaScript. It features sophisticated navigation options, built-in technical indicators, robust documentation, advanced responsiveness, and industry-leading accessibility support.
In this article, we will explore some of the new features and improvements that were introduced in Highsoft Highstock v6.0.4, which was released on December 19, 2017.
The navigator series is a small overview chart below the main chart that allows users to quickly scroll and zoom through the data range. In Highsoft Highstock v6.0.4, the navigator series has been improved to support more options and features, such as:
These options can be set using the navigator.series, navigator.maskFill, navigator.outlineColor, navigator.outlineDashStyle, navigator.handles, and navigator.series.marker properties respectively.
Highsoft Highstock v6.0.4 also adds two new technical indicators to its already impressive collection of more than 45 indicators. The new indicators are:
To use these indicators, you need to include the indicators/price-channel.js and indicators/price-envelopes.js modules in your page or bundle. Then you can add them to your chart using the series.type option with values of 'pc' for Price Channel and 'priceenvelopes' for Price Envelopes.
Besides these new features, Highsoft Highstock v6.0.4 also includes several bug fixes and enhancements that improve the stability and performance of the library. Some of these are:
yAxis.min would cause unexpected behavior in logarithmic axes.navigator.adaptToUpdatedData with multiple series would cause incorrect rendering of the navigator series.You can find the full list of changes in Highsoft Highstock v6.0.4 in the official changelog[^3^].
If you want to try out Highsoft Highstock v6.0.4, you have several options: