highcharts - 如何在面积图中用单点着色地方 - highcharts？

Question

我制作了一个面积图，如下例所示：

Highcharts.chart('container', {
title: {
    text: ''
},

plotOptions: {
    series: {
        allowPointSelect: true,
    }
},

series: [{
    data: [29.9, null, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, null, 194.1, null, 54.4],
    type: 'area',
   }]
});

由于系列中的第二个值为空，因此我将第一个值视为一个点。系列末尾的值也是如此。是否可以用一条线将其连接到 X 轴，该线将作为图表其余部分的区域着色？

Answer 1

您需要将其设置series.connectNulls为 true 才能实现。

演示：https ://jsfiddle.net/BlackLabel/7qrtos3m/

API：https ://api.highcharts.com/highcharts/series.area.connectNulls