gpt4 book ai didi

javascript - Highcharts 缺少数据点的同步图表

转载 作者:行者123 更新时间:2023-11-28 04:21:38 25 4
gpt4 key购买 nike

我有两个图表,显示时间序列数据,我正在尝试同步十字准线和工具提示。但是,图表并不总是具有相同数量的数据点。这会导致两个图表之间的十字线和工具提示不同步。

我在两者上都启用了 connectNulls: true ,虽然这可以平滑线条,但它不会添加不存在的时间段的数据点。

有没有办法配置connectNulls以便插入填充点?

enter image description here

已更新

这是一个简单的 jsFiddle例如,某一天的值缺失,导致两个图表之间的十字准线不同步。

最佳答案

要设置点之间的实际 x 距离,可以将 xAxis.ordinal 设置为 false。另一种解决方案是在空的地方放置空值。您还可以设置 pointStartpointInterval 属性。

API引用:
http://api.highcharts.com/highstock/xAxis.ordinal
http://api.highcharts.com/highstock/plotOptions.series.pointStart
http://api.highcharts.com/highstock/plotOptions.series.pointInterval

示例:
http://jsfiddle.net/csgbxdaj/ - 将序数设置为 false
http://jsfiddle.net/gjxhbf7w/ - 将空值放入series.data数组中

关于javascript - Highcharts 缺少数据点的同步图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45381620/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com