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

【问题标题】：How to color places with single dots in area chart - highcharts?如何在面积图中用单点着色地方 - highcharts？
【发布时间】：2021-03-24 16:32:26
【问题描述】：

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

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 轴，该线将作为图表其余部分的区域着色？

【问题讨论】：

标签： highcharts area-chart

【解决方案1】：

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

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

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

【讨论】：

感谢您的回答，但这不是我想做的。我仍然希望在空区域中有空白区域，但我试图将第一个值（在我的情况下为 29.9）可视化并将其表示为将其连接到 X 轴的线。
@Felicity 所以也许你可以使用棒棒糖系列来获得这些积分？ highcharts.com/demo/lollipop