如何配置Highcharts Boost模块以在Highcharts甘特中使用大型数据集?

xbp102n0  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(363)

我有一个用x个系列制作的数据集。当我将它设置为10个系列时,它可以工作,但如果我做100个系列,它就停止工作了。
我怀疑我需要正确配置turboThreshold,但我尝试了许多不同的方法,但都不起作用。
如果你问我为什么要使用Boost,我的数据集实际上是450系列,当我添加所有我需要的属性时,它需要很长时间来加载,所以我尝试了一下Boost。

const range = [...Array(100).keys()];

const series = range.map((_, i) => ({
  type: 'line',
  zoneAxis: 'x',
  zones: [{
    value: Date.UTC(2022, 10, 20)
  }, {
    dashStyle: 'dot',
    value: Date.UTC(2022, 10, 25)
  }],
  data: [{
    y: i,
    x: Date.UTC(2022, 10, 18),
  }, {
    y: i,
    x: Date.UTC(2022, 10, 25),
  }]
}))

Highcharts.ganttChart('container', {

  yAxis: {
    uniqueNames: true,
    categories: ['A', 'B', 'C'],
  },
  series: series,
  plotOptions: {
    series: {
      turboThreshold: 10000,
    }
  },
});

链接到fiddle

pbossiut

pbossiut1#

遗憾的是,甘特目前不支持boost模块。
关于Highcharts文档中的数据结构:
在增强模式下,加速模式始终开启。这意味着所有数据点都应配置为数字阵列(例如[1,2,3])或二维数字阵列(例如[ [1,2],[2,3],[3,4] ])。

文件:https://www.highcharts.com/docs/advanced-chart-features/boost-module
GitHub问题:https://github.com/highcharts/highcharts/issues/17415
功能要求:https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/37673773-gantt-boost

相关问题