Highcharts Booster not working in Styled Mode
I am using Highcharts version 5 in styled mode and now have the need to integrate the boost module.
Two questions arise:
"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?
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?
1. No . Boost was available in Highcharts versions prior to 6 - it was experimental. Always make sure that Highcharts and boost module are the same version eg:
<script src="https://code.highcharts.com/5.0.5/highcharts.js"></script>
<script src="https://code.highcharts.com/5.0.5/modules/boost.js"></script>
Keep in mind that it's recommended to use the latest version of the library.
2. Series are generated as an image by WebGL engine while using boost module - it's not possible to style its elements via CSS.
链接地址: http://www.djcxy.com/p/74458.html