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

问题描述

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

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,194.1,54.4],type: 'area',}]
});

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

解决方法

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

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

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