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

Question

我想在图中指示空值的存在。

我想用 0 替换 null，但这样会连接到其余的真实数据，并会绘制不正确的图形。是否可以不将零值与其余数据点连接？

或者，是否可以像图中所示那样使用 plotband 来指示空值？

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 的绘图带。我尝试将每个刻度的偏移量调整到月中，但似乎有点不准确。请根据自己的喜好进行调整。查看 fiddle.

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/

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

How to indicate null value but don't connect it in Highcharts Line graph?

highcharts

highstock