javascript - Highcharts 条形数据标签位置

Question

我试图在每个条的中间对齐以下 fiddle 的数据标签(没有成功)。似乎顶部和底部的数据标签让这件事看起来很糟糕。最高的栏标签也与栏本身重叠。

我查看了文档，但无法使这件事看起来很好。

Here is the fiddle: http://jsfiddle.net/9qLkx1f1/

这里是数据标签设置:

 plotOptions: {
        bar: {
            dataLabels: {
                enabled: true,
                useHTML: true,
                formatter: function() {
                    return this.series.name + "<span style='color:#0D2A4D; opacity:0.5;'> (" + this.y + "%) </span>";
                }
            }
        },
        series: {
             groupPadding: 0,
             minPointLength: 20,
             pointPadding: 0.2, 
             pointWidth: 10
        }
    },

Answer 1

在 plotOptions 中设置 padding :0。

 plotOptions: {
        bar: {
            dataLabels: {
                   padding :0, 
             }
        }
 }

并设置yaxis tickinterval

  yAxis: {
        tickInterval : 80,
  }

fiddle :http://jsfiddle.net/9qLkx1f1/14/