boost - Highcharts 6.X Booster not working in Styled Mode

[ad_1]

I am using Highcharts version 5 in styled mode and now have the need to integrate the boost module.

Two questions arise:

1. In this article it says that

"with the release of Highcharts 6 the boost module has gotten a
facelift, and has officially graduated from “experimental” to a
fully-fledged module"

Does the activation of boost.js require an update from version 5 to 6?

2. The boost module seems not to be compatible with styled mode.
   As you see in this fiddle, in styled mode once the booster kicks in, the series is not displayed anymore (though it seems to be displayed transparently, as the tooltips still work).

So this code

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

...

 Highcharts.chart('container', 
 boost: 
 enabled : true
 ,
 series: [
 data: [...]
 ]
 );

renders to this:

Whereas this code

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

...

 Highcharts.chart('container', 
 boost: 
 enabled : false
 ,
 series: [
 data: [...]
 ]
 );

Renders correctly to this:

Please note that both examples differ in enabling the boost module and styled mode is activated by importing highcharts from /js/highcharts.js path.

Is there any way to use the booster without having to refactor my whole code to non-styled mode?

[ad_2]

لینک منبع