如何指示空值但不要在Highcharts线图中连接它？

Question

我想在图表中指出存在空值。

我想用0替换null，但是，它将与其余的实际数据连接并绘制错误的图形。是否可以不将零值与其余数据点连接？

或者，是否可以使用绘图带指示空值，如图所示？

jsfiddle

var categoryText= ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

Highcharts.stockChart('container',{

    chart: {
        defaultSeriesType: 'spline',
        renderTo: 'container'
    },

    xAxis: {
    labels: {
                formatter: function() {
                    return categoryText[this.value];
                }  
            }

    },
    plotOptions: {
        series: {
            marker: {
                enabled: true
            }
        }
    },
    series: [{
        data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4],
    }]

});

Answer 1

如果你有上面声明的数据，那么你可以尝试这个只包括null的情节带。我尝试将每个刻度的偏移量调整到月中，但似乎有点不准确。请根据自己的喜好调整。看看小提琴。

plotBands: data.map(function(item, index) { 
             return { color: 'orange', from: index-0.5, to: index+0.5, data: item }
              }).filter(function(item) { return item.data === null})
           },

http://jsfiddle.net/95dLon47/3/