Javascript Highchart js条形图标签左对齐

我正在尝试将Highchart.js条形图中的所有标签向左对齐，以便它们不会与条形图重叠。然而，Highchart.js似乎覆盖了我添加的css

是否有人知道如何将这些标签移动到条的左侧，并且仍然使其与左侧对齐

 xAxis: [{
        categories: ['Injustice: Gods Among Us ★', 'Tekken Tag Tournament 2 ★', 'Super Smash Bros. Melee ★', 'Persona 4 Arena', 'King of Fighters XIII', 'Dead or Alive 5 Ultimate', 'Street Fighter X Tekken Ver. 2013', 'Soulcalibur V'],
        labels: {
            align: 'left', 
            overflow: 'justify',
            style: {
                    fontFamily: 'Arial',
                    fontSize: '20px',
                    color: '#333',
                    width: '350', 
                    left: '-20px', 
                    x: 0
               },
            formatter: function () {
                return '<div> <span>' + this.value + '</span><span style="font-weight: bold">' + " " + '</span> </div>';
            },
            useHTML: true
      }

xAxis:[{
类别：[不公正：我们中间的神★', '铁拳标签锦标赛2★', '超级粉碎兄弟近战★', '《人物角色4竞技场》，《拳王十三》，《死亡或活着5终极》，《街头拳手X铁拳》2013年版，以及《灵魂自由V》，
标签：{
对齐：“左”，
溢出：“justify”，
风格：{
fontFamily：“Arial”，
fontSize:'20px'，
颜色：“#333”，
宽度：'350'，
左：'-20px'，
x:0
},
格式化程序：函数（）{
返回“”+this.value++++“”；
},
useHTML:true
}

---

设置

对齐：标签对象中的“左”实际上与您想要的相反。尝试将其取出，标签将弹回到轴的左侧

然后，要整理它，请在标签格式化程序中添加一个文本align:right：

formatter: function () {
    return '<div style="text-align:right"> <span>' + this.value + '</span><span style="font-weight: bold">' + " " + '</span> </div>';
},

格式化程序：函数（）{
返回“”+this.value++++“”；
},


编辑
很抱歉，我看错了你的帖子。你可以保持
align:left
，然后将
x:-300
添加到labels对象，这会将它们推回到轴的左侧（我选择了300以匹配你设置的左边距，但当然你可以根据需要编辑它）

在xAxis标签中使用“reserveSpace:true”，并删除格式化程序、样式（宽度、x、左侧）和使用HTML

这将帮助您获得所需的输出


嘿，Ella，感谢您的回复。当您删除“对齐：左”时，标签确实会移动到条的左侧，但它们不再向左对齐。相反，它们看起来是向右对齐的。可能重复：
xAxis: [{
        categories: ['Injustice: Gods Among Us ★', 'Tekken Tag Tournament 2 ★', 'Super Smash Bros. Melee ★', 'Persona 4 Arena', 'King of Fighters XIII', 'Dead or Alive 5 Ultimate', 'Street Fighter X Tekken Ver. 2013', 'Soulcalibur V'],
        labels: {
            align: 'left', 
            overflow: 'justify',
            reserveSpace: true,
            style: {
                    fontFamily: 'Arial',
                    fontSize: '20px',
                    color: '#333'
               },

      }]