HighCharts Bullet Chart 显示目标的数据标签

问题描述

我使用 Highchart 项目符号模块创建多个项目符号图表（水平或垂直）。 此处的图表示例：https://jsfiddle.net/vegaelce/n5wjaf2e/

我可以使用以下选项为主度量值添加数据标签：

plotOptions: {
        series: {           
            dataLabels: {
                enabled: true,inside: true
            },

但我想显示主要度量的标签和目标的标签，但没有添加目标度量的数据标签的选项（我的 jsfiddle 上的橙色刻度度量）。

我该怎么做？

提前致谢

解决方法

您可以将 dataLabels 配置定义为对象数组，这意味着可以添加多个 dataLabel，接下来使用 dataLabels.formatter 回调返回目标值。

  dataLabels: [{
    enabled: true,inside: true
  },{
    enabled: true,formatter() {
        //console.log(this)
        return this.point.target
    }
}],

演示：https://jsfiddle.net/BlackLabel/2fxL03gz/

API：https://api.highcharts.com/highcharts/series.line.dataLabels.formatter