Highcharts设置空白数据的默认值

时间:2019-06-27 07:47:13

标签: javascript highcharts

如何以小时为单位设置/提供空白数据的值(默认为0),如下图所示。

目标结果应该包含所有图表,甚至是空白时段。

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以创建一个循环,并使用一些默认的y值(在下面的示例中为50)和x值(与间隔tickInterval相同)将点添加到数据数组中: / p>

var data = [
        [1561593600000, 102.5],
        [1561658400000, 177.45],
        [1561723200000, 115.5]
    ],
    interval = 2 * 60 * 60 * 1000,
    j = 1,
    i = data[0][0] + interval;

for (j; j < data.length; j++) {
    for (i; i < data[j][0]; i += interval) {
        data.push([i, 50])
    }
    i += interval;
}

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    series: [{
        data: data.sort(function(a, b) {
            return a[0] - b[0]
        })
    }],

    xAxis: {
        type: 'datetime',
        tickInterval: interval
    },
});

实时演示: http://jsfiddle.net/BlackLabel/m0zfeyd4/