带有提升的高位图表无法在短时间内正确呈现

时间:2018-09-18 09:41:07

标签: javascript boost highcharts

将Highcharts与Highcharts的boost模块结合使用时,如果在xAxis上使用较小的MS间隔,则图形将不正确。

呈现5000条记录(间隔为10毫秒),看来highcharts可以获取一段时间内的平均值(我认为)?悬停时,标签显示的是正确的点线位置,而不是直线

enter image description here 我如何看待该图正确显示在4999条记录上: enter image description here 同样使用100.000记录,但间隔较低的1000ms则可以: enter image description here

此问题仅在使用增强功能时出现(我必须使用,因为我正在处理数百万条记录)。没有增强功能就可以正常工作。

我不知道为什么它会这样。 这是Highcharts的错误吗? 我的图表设置中是否缺少小装饰品? 我该如何解决这个问题?

有关上述示例,请参见jsfiddle:http://jsfiddle.net/r8Lv41do/49/

我的设置:

Highcharts.chart('container', {
    chart: {
            type: 'line',
        zoomType: 'x'
    },
    xAxis: { type: 'datetime' },
    boost: {
        useGPUTranslations: true
    },
    navigator: {
        enabled: true
    },
    plotOptions: {       
      series: {
        marker: {
          enabled: false,
        }
      }
    },
    tooltip: {
        valueDecimals: 2
    },
    series: [{
        data: data,
    }]
});

1 个答案:

答案 0 :(得分:1)

尝试在不将useGPUTranslation设置为true的情况下启用增强功能。 例如:

Highcharts.chart('container', {
    chart: {
            type: 'line',
        zoomType: 'x'
    },
    xAxis: { type: 'datetime' },
    // Enables boost without any other performance options
    boost: { },
    navigator: {
        enabled: true
    },
    plotOptions: {       
      series: {
        marker: {
          enabled: false,
        }
      }
    },
    tooltip: {
        valueDecimals: 2
    },
    series: [{
        data: data,
    }]
});