具有空值的 Highcharts 行

Question

我正在尝试创建一个具有空值的折线图（日期时间 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 轴的范围，即使它们是空的。

// 编辑：如下图所示，未来的值是未知的，不是0，所以我想将它们设置为null。

Answer 1

添加一个条件，检查您的值是否为空。如果是，则推送它，而不是调用 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 行

Highcharts line with null values

highcharts

null

line