将dataLabel添加到Highcharts.js中的Area Chart

Question

我想将数据标签添加到＆＃39;区域＆＃39;中的特定点。图表。我正在使用＆＃39; Highchart＆＃39;制作图表。我希望图表设计中的数据标签如下图所示。我该怎么办？我尝试了在＆＃39; line＆＃39;中定义的dataLabel。图表，但它将dataLabel应用于图表中的每个点。我希望它适用于特定点。此外，它不应该将该点的值显示为dataLabel，但它应该在该点上显示series.name。

Answer 1

对于数据中的相关点，请使用对象表示法和已启用的数据标签。您可以使用format和formatter来显示所需信息。

您的系列示例如下：

series: [{
    name: 'My series name',
    data: [5, 10, 30, 100, 200, 300, 600,
        { 
            y: 900, 
            dataLabels: {
               enabled: true,
               format: '{series.name}'
            }
        },
        700, 400, 100]
}]

或者查看this more elaborate JSFiddle example。