不要在Highcharts折线图中插入缺失值?

时间:2015-11-25 11:00:28

标签: javascript highcharts

更新:我的问题是the opposite of this one,它被建议可能是重复的。我希望使用插值。

我正在使用Highcharts 4.1.7。我有一个包含两个时间序列的折线图。一个系列具有缺失(非空,缺失)数据点。

默认情况下,在Highcharts中,折线图连接两侧的点并忽略缺失的值。有没有办法告诉Highcharts不要加入缺少其他系列中存在的值的点?

我知道我可以手动插入空值(默认设置为connectNulls: false将完成剩下的工作),但是Highcharts默认情况下会在缺失值之间进行插值似乎很奇怪 - 它绝对是视觉上的误导。

代码:

$('#container').highcharts({
    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            month: '%b \'%y'
        }
    },
    series: [{
        data: [{ x: 1362096000000, y: 29.9}, { x: 1364774400000, y: 71.5}, { x: 1367366400000, y: 106.4}, { x: 1370001600000, y: 99.9}, { x: 1372636800000, y: 108.4}]
    },
    {
        data: [{ x: 1362096000000, y: 19.9}, { x: 1364774400000, y: 44.5}, { x: 1367366400000, y: 88.4}, { x: 1372636800000, y: 76.4}]
    }]
});

JSFiddle:http://jsfiddle.net/rnshabuf/

这样渲染:

enter image description here

1 个答案:

答案 0 :(得分:2)

图表无法知道您认为“遗失”的内容。

有许多原因导致数据集在点之间可能具有任何大小的非常有效的间隙 - 并非所有数据都定期发生。

您需要根据特定数据的定义以及如何处理数据来预处理数据并填写缺失的内容(如何在时间序列中处理缺失值是一个很广泛的主题各种意见)。