我有一个用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
1条答案
按热度按时间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