具有空值的Highcharts行

时间:2015-02-27 10:44:08

标签: highcharts null line

我尝试使用空值创建线图(日期时间x轴)。

var rawData = [{
    (...)
}, {
    "PointOfTime": 1424991600,
    "value": 6831.28806
}, {
    "PointOfTime": 1425078000,
    "value": null
}, {
    "PointOfTime": 1425164400,
    "value": null
}, {
    (...)
}];

将数据从json源调整为数组:

rawData.forEach(function (d) {
    var datetime = (d.PointOfTime + 3600) * 1000;
    data.push([datetime, parseFloat(d.value)]);
});

如下面的小提琴所述,http://jsfiddle.net/wiesson/1m5hpLef没有线条,只有子弹。有什么建议?我需要PointOfTime来创建x轴的范围,即使它们是空的。

//编辑:如下图所示,未来的值是未知的而不是0,因此我想将它们设置为null。

Example Picture

1 个答案:

答案 0 :(得分:2)

添加一个条件,检查您的值是否为null。如果是,那么推送它,而不是调用parseFloat(null)。

rawData.forEach(function (d) {
    var datetime = d.PointOfTime * 1000;
    if(d.value!==null)
        data.push([datetime, parseFloat(d.value)]);
    else
         data.push([datetime, null]);
});

示例:http://jsfiddle.net/wiesson/1m5hpLef/