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

Sticking the charts together

In this section we are building a page with a mixture of charts. The main chart is displayed on the left-hand side panel and three mini charts are displayed on the right-hand side panel in top-down order. The layout is achieved by HTML div boxes and CSS styles.

The left-hand side chart is from the multicolored column chart example that we discussed previously. All the axes lines and labels are disabled in the mini charts.

The first mini chart from the top is a two-series line chart with dataLabels enabled only for the last point in each series, that is, the last point in the data array is a data object instead. The label color is set to the same color as its series. Then plotLine is inserted into the y axis at the 50 ...

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