首页 > 解决方案 > Highcharts 折线图 - 不正确的点排序 - 提升模块

问题描述

问题

我们目前正在为大型数据集实现一个 highcharts 图表,出于性能原因需要 boost 模块。但是,在启用 boost 模块时,我们遇到了一个间歇性问题,事实证明该问题难以持续复制和隔离。

因为我无法复制它,所以我还不能创建一个 jsfiddle。有谁知道如何隔离和解决这个问题?

该图应如下所示:

预期图表

但偶尔会这样做:

实际图表

这也发生在另一个场合,同时使用不同的数据进行手动测试:

用不同的数据

已经观察到

输入数据

数据类型示例:

{
        "label": "2018-04-19T15:17:02",
        "value": "1"
    }, {
        "label": "2018-04-19T15:17:05",
        "value": "9620035.36877074"
    }, {
        "label": "2018-04-19T15:17:59",
        "value": "9583104.14689662"
    }, {
        "label": "2018-04-19T15:18:46",
        "value": "9604094.84064805"
    }, {
        "label": "2018-04-19T15:20:17",
        "value": "9571679.9536289"
    }, {
        "label": "2018-04-20T08:18:24",
        "value": "7902991.39771514"
    }

或者:

{
        "label": "2018-04-19T15:17:59",
        "value": "1.4132e-007"
    }, {
        "label": "2018-04-19T15:18:46",
        "value": "1.41434e-007"
    }, {
        "label": "2018-04-19T15:20:17",
        "value": "1.41355e-007"
    }, {
        "label": "2018-04-20T08:18:24",
        "value": "1.40532e-007"
    }, {
        "label": "2018-04-20T08:20:35",
        "value": "1.40928e-007"
    }, {
        "label": "2018-04-20T08:23:51",
        "value": "1.4078e-007"
    }, {
        "label": "2018-04-20T08:24:39",
        "value": "1.40901e-007"
    }

图表配置

{
"chart": {
    "type": "line",
    "zoomType": "x",
    "panning": true,
    "panKey": "shift"
},
"boost": {
    "usePreallocated": false
},
  ...
  y-axis label customisation
  title
  exporting
  etc
  ...
"series": [{
    "showInLegend": false,
    "name": "",
    "data": []
}],
}

更新机制

当 HTTP 响应返回时,在图实例上调用以下内容:

graphToUpdate.series[0].setData(parsedData, true, true, false);

标签: highchartshighcharts-boost

解决方案


推荐阅读