Highcharts Booster无法在样式模式下工作

时间:2018-03-26 06:35:30

标签: highcharts highcharts-boost

我在样式模式下使用Highcharts版本5,现在需要集成boost模块。

出现两个问题:

  1. this article中说明
  2.   

    “随着Highcharts 6的发布,升压模块得到了一个   整容,并已正式从“实验”毕业到一个   完全成熟的模块“

    boost.js的激活是否需要从版本5到6的更新?

    1. 升压模块似乎与样式模式不兼容。 正如您在this fiddle中看到的那样,一旦助推器启动,在样式模式中,系列不再显示(尽管它似乎透明地显示,因为工具提示仍然有效)。
    2. 所以这段代码

      <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: [...]
            }]
        });
      

      渲染到:

      enter image description here

      而这段代码

      <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: [...]
            }]
        });
      

      正确呈现: enter image description here

      请注意,这两个示例在启用升压模块方面有所不同,并且通过从/js/highcharts.js路径导入高级图表来激活样式模式。

      有没有办法使用助推器而不必将我的整个代码重构为非样式模式?

1 个答案:

答案 0 :(得分:0)

<强> 1 即可。 Boost在6之前的Highcharts版本中可用 - 它是实验性的。始终确保 Highcharts 提升模块的版本相同,例如:

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

请注意,建议使用最新版本的库。

<强> 2 使用boost模块时,WebGL引擎会将系列生成为图像 - 无法通过CSS设置其元素的样式。

Series generated in webgl in developer console