Highchart Scatter Series must appear in front of the column series, but if it contains more than 5k records, it appears at the back of column series

Question

Chart as three columns series with stacking on top and one scatter series with over 5k records. So, in the front view, we need to see the scatter first, followed by the subsequent column series. It works perfectly with less than 5k records, but if there are more than 5k, the columns chart falls back.

Demo

Expecting Series must appear in front of the column series

Answer 1

For large amounts of data you can use Highcharts Boost module, add to this script to your project:

<script src="https://code.highcharts.com/modules/boost.js"></script>

Blog article explain how to work with boost module:

https://www.highcharts.com/docs/advanced-chart-features/boost-module