具有空值的 Highcharts 行

我正在尝试使用空值创建折线图(日期时间 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)]);
});

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

//编辑:如下图所示， future 的值是未知的而不是0，因此我想将它们设置为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/

关于具有空值的 Highcharts 行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28763162/