如何将内联图例添加到 highchart 中的折线/区域混合图表

Question

我有一个图表，其中堆叠了部分线和部分区域。在第一部分（区域）中，我想添加一个内联图例，如本例所示（即它说亚洲的地方）

https://www.highcharts.com/demo/area-stacked-percent

这些是示例选项，但我不知道如何指定，或者这是否是在此图中显示图例的默认方式

在我的示例中，我不能将图例放在区域部分内。试图在 yAxis 中添加标题。我也尝试添加注释，但没有奏效：

https://jsfiddle.net/hkpna40r/1/

  annotations: [{
    labelOptions: {
      backgroundColor: 'rgba(255,255,255,0.5)',
      verticalAlign: 'top',
      y: 4
    },
    labels: [{
      point: {
        xAxis: 0,
        yAxis: 0,
        x: Date.UTC(2019, 11, 2),
        y: 3
      },
      zIndex:100,
      text: 'Arbois'
    }],
  }],

Answer 1

您可以通过附加一个名为 series-label 的模块并像这样设置 plotOptions.area.label 来实现您想要的：

  plotOptions: {
    area: {
      label: {
        enabled: true,
        onArea: false
      }
    },
    line: {
      label: {
        enabled: false
      }
    }
  }

注意，注解也可以，但你必须单独附加注解模块。

演示：

• https://jsfiddle.net/BlackLabel/5utLhenb/

API 参考：

• https://api.highcharts.com/highcharts/plotOptions.area.label

• https://www.highcharts.com/docs/advanced-chart-features/annotations-module