highcharts - 我希望在 highcharts 中将空天显示为 0

Question

我使用折线图/面积图来显示日期时间数据。
参见示例:http://jsfiddle.net/YFERb/

$(function () {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container'
        },

        xAxis: {
            type: 'datetime'
        },
        series: [{
            data: [
                [Date.UTC(2010, 0, 1), 29.9],
                [Date.UTC(2010, 0, 3), 106.4],
                [Date.UTC(2010, 0, 5), 75],
                [Date.UTC(2010, 0, 6), 129.2],
                [Date.UTC(2010, 0, 10), 176.0]
             ]
        }]

    });
});

但我想将空天填满为 0。
参见示例: http://jsfiddle.net/RSPNU/

所以下面的天被填充为0。
2010.0.2,
2010.0.4,
2010.0.7,
2010.0.8,
2010.0.9

我在空天插入 0。
但它很重。

所以我想像第二个例子一样显示，除了插入 0 或空数据。

如果您有其他方式，请回复此内容。
谢谢你。

Answer 1

为了避免积分，您可以将其值设置为 null .
当您这样做时，您的图表将在空点之间存在差距，因此您必须设置 connectNulls至 true .

series: [{
    data: [
        [Date.UTC(2010, 0, 1), 29.9],
        [Date.UTC(2010, 0, 2), null],
        [Date.UTC(2010, 0, 3), 106.4],
        [Date.UTC(2010, 0, 4), null],
        [Date.UTC(2010, 0, 5), 75],
        [Date.UTC(2010, 0, 6), 129.2],
        [Date.UTC(2010, 0, 7), null],
        [Date.UTC(2010, 0, 8), null],
        [Date.UTC(2010, 0, 9), null],
        [Date.UTC(2010, 0, 10), 176.0]
     ]
}],

plotOptions: {
    series: {
        connectNulls: true
    }
}

demo