Highcharts：条形图的自定义数据标签。 PlotOptions中的格式无效

Question

我正在使用highcharts在我的rails应用程序中显示数据。一张图片说千言万语......

基本上我试图让y轴标签成为条形图数据标签并与值连接....

因此，对于第一个标杆，数据标签将是特发性肺纤维化37＆＃34;

图表正在传递变量＆＃34;数据＆＃34;这是您可以在控制台中看到的对象数组（总共5个对象，包含属性，计数，名称和y）。

我的情节选项设置如下：

      plotOptions: {
            series: {
                dataLabels: {
                    format: '{x}',
                    enabled: true,
                    align: 'right',
                    color: '#294469',
                    shadow: false,
                    x: -25,
                    style: {"fontSize": "10px", "textShadow": "0px" }
                },
                pointPadding: 0.1,
                groupPadding: 0
            }
        },

我可以用＆＃39; {y}＆＃39;替换格式这给了我价值，但我不能在那里得到字符串。任何想法......

Answer 1

您需要将formatter函数用于数据标签。

dataLabels:{
 enabled: true,
 formatter: function ()  {      
  return this.x  +"  "+ this.y;
          }
       }

请参阅Demo here

Answer 2

这是有效的。

                  dataLabels: {
                        formatter: function() {
                            return data[this.x].name + " " + data[this.x].y;
                        },
                        enabled: true,
                        align: 'right',
                        color: '#294469',
                        shadow: false,
                        x: -10,
                        style: {"fontSize": "10px", "textShadow": "0px" }
                    }