• Open in:

Combined Bullet/Column and Line Graphs with Multiple Value Axes

The XYChart is a universal chart type covering most of all of your two-dimensional charting needs. It can also have multiple value axes to represent dramatically different series in a nice readable chart. In this demo we plot two column series and two line series with two value axes.

Key implementation details

We create two value axes and position them on the opposite sides of the plot area. To do that we set opposite: true on the renderer of the second axis. When creating our column series we set there yAxis: yAxis0 (our first value axis) and on the line series we set the yAxis to yAxis1.

Related tutorials

Demo source