Javascript Highcharts条形图数据标签位置 我试图在每个栏中间对齐下面的小提琴的数据标签（没有成功）。看起来，顶部和底部的数据标签让这件事看起来很糟糕。此外，最高的酒吧标签与酒吧本身重叠

我看了文件，但没能把它弄清楚

以下是数据标签设置：

 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
        }
    },

plotOptions：{
酒吧：{
数据标签：{
启用：对，
是的，
格式化程序：函数（）{
返回this.series.name+”（“+this.y+”）”；
}
}
},
系列：{
分组填充：0，
minPointLength:20，
点填充：0.2，
点宽度：10
}
},

只需在以下代码中增加高度即可。希望我已经理解你了。如果我错了，请纠正我

 $('#container').highcharts({
        chart: {
            type: "bar",
            height: 150, <---- This is the change
            events: {
                redraw: function () {
                    //$(window).trigger('resize');
                },
                load: function () {
                    //$(window).trigger('resize');
                }
            }
        },

$（“#容器”）。高图({
图表：{
输入：“酒吧”，
高度：150，设置填充：0内部打印选项

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

并设置yaxis时间间隔

  yAxis: {
        tickInterval : 80,
  }

Fiddle:
我没有这么多的房地产：（即使高度足够大，黑条标签怎么办？你需要换一下height@AlexWilson，即使高度足够大，黑条也有问题（与黑条重叠）