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:

  • 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?

  • 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?


    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.

    系列在开发者控制台中的webgl中生成

    链接地址: http://www.djcxy.com/p/74458.html

    上一篇: COMET(服务器推送到客户端)在iPhone上

    下一篇: Highcharts助推器不能在风格模式下工作