O'Reilly logo

Learning Highcharts by Joe Kuan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Plotting range charts with market index data

Range charts are really line and column type charts presenting a series of data in range. The set of range type series can be arearange, areasplinerange, and columnrange. These series expect an array of three data points, x, y min, y max, in the data option or array of y min, y max if xAxis.cateogries has already been specified.

Let's use our past examples to see whether we can make an improvement to the range charts. Back in Chapter 2, Highcharts Configurations, we have a five-series graph showing the monthly data of Nasdaq 100—open, close, high, low, and volume, as shown in the following screenshot:

With the new range series, we sort the series data and merge the Monthly High and Monthly Low columns ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required