javascript - 自动加入 Highcharts JS 中缺失的数据缺口

标签 javascript highcharts missing-data

我目前正在寻求实现 Highcharts JS进入我的应用程序,使用月份作为 x 轴类别。

但是,我的数据存在差距,希望图表能够自动连接这些差距。

例如,如果我没有三月份的任何数据,我希望二月份和四月份用一条直线连接。

使用 highcharts 演示,我编辑了数据以演示默认情况下当前发生的情况:

http://jsfiddle.net/kf26t/1/

data: [7.0, 10.0, null, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]

如您所见,2 月和 4 月之间的直线有一个断点。

我考虑过从类别中删除没有数据的月份,但这会导致结果偏斜,因为二月和四月与四月和五月的距离相等,这不会给出准确的结果代表。

如果我要删除 4 个月,则这种不准确的表述被夸大了:

http://jsfiddle.net/kf26t/2/

categories: ['Jan', 'Feb', 
                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

我能想到的唯一解决方案是计算月份之间的平均值,但我不想显示平均值。

在 Highchart JS 中是否有任何内置的方法来填补这些空白?如果没有,是否有更简洁的解决方案来解决我的建议?


或者,有没有一种方法可以根据值分隔 x 轴?所以如果没有三月份,二月和四月就出现了2个月的距离。

当整数是 x 轴时,这也很有用。例如,如果我有“1、2、10”,我不希望它们均匀分布。

最佳答案

我可能遗漏了一些东西,但根据您的示例和解释,您似乎在寻找 connectNulls 属性:

http://api.highcharts.com/highcharts#plotOptions.series.connectNulls

关于javascript - 自动加入 Highcharts JS 中缺失的数据缺口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15973457/

相关文章:

javascript - 如何使用 Javascript 编辑表行的 rowIndex

javascript - 图像输入按钮的动态创建和appendChild未显示为表单元素?

javascript - angularJS动态附加参数$resource

angularjs - 使用 Highcharts 显示具有动态数据的 donut Highcharts

javascript - Highstocks - 在日期时间轴上使用 tickmarkPlacement "between"(无类别)

r - 您如何使用 NA 值制作热图和聚类?

javascript - 使用 javascript 和 BootstrapDialog 进行表单验证

javascript - Highcharts : How to calculate the distance between each bar in Bar chart

python - 有条件地替换 Pandas 数据框中的空白值

r - 如何通过循环替换时间序列数据中的缺失值?