highcharts - Highcharts 折线图 - 不正确的点排序 - 提升模块
问题描述
问题
我们目前正在为大型数据集实现一个 highcharts 图表,出于性能原因需要 boost 模块。但是,在启用 boost 模块时,我们遇到了一个间歇性问题,事实证明该问题难以持续复制和隔离。
因为我无法复制它,所以我还不能创建一个 jsfiddle。有谁知道如何隔离和解决这个问题?
该图应如下所示:
预期图表
但偶尔会这样做:
实际图表
这也发生在另一个场合,同时使用不同的数据进行手动测试:
用不同的数据
已经观察到
- 铬 70.0.3538.67
- 即 11.345.17134.0
- Highcharts JS & Boost 模块 v6.1.4
输入数据
数据类型示例:
{
"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);
解决方案
推荐阅读
- javascript - Function.prototype.call.bind,返回一个被调用的函数,和使用.call的函数赋值之间的有效区别
- generator - Lambda Prolog 中的列表理解
- python - 使用 Asyncio 和 Aiohttp 下载数千张图片
- x86 - 在 AVX(及更高版本)中打包非连续向量元素
- python - 如何在 tfp.layers.DistributionLambda 中实例化包含变量的分布
- image - 在 Xamarin Forms 中加载图像时的回调
- python - Python - 如何获取有关 SyntaxError 的更多信息?
- pandas - 我得到 ValueError:一个系列的真值是不明确的。使用 a.empty、a.bool()、a.item()、a.any() 或 a.all()。使用熊猫
- php - 尝试使用 PHP 连接到 MySQL 时出错
- gatsby - 如何从 Image URl Gatsby 中删除哈希