Highcharts在x轴上向左对齐

Highcharts left alignment on x-axis

本文关键字：左对齐 Highcharts      更新时间：2023-09-26

尝试使用HighCharts API对堆叠条形图的x轴上的标签进行简单的左对齐。无论我尝试什么标签选项都不起作用

我尝试设置vertical align: "bottom"和useHTML: "true"，但根据设置总是有一些错误。这是HighCharts的bug吗?

下面是一些例子:

http://jsfiddle.net/ojbbry6c/正确左对齐的标签，但由于某种原因，图表重叠的标签设置为左对齐?

labels: {
                verticalAlign: 'bottom',
                align: 'left',
                textAlign: 'left',
                useHTML: true,
            }

http://jsfiddle.net/2rx0zws1/1/关闭左对齐，现在图表不重叠，但对齐被打破。

labels: {
                verticalAlign: 'bottom',
                //align: 'left',
                textAlign: 'left',
                useHTML: true,
            }

如何使x轴上的标签左对齐?对于y轴在左边的其他图表类型，它工作得很好，但堆叠条对齐似乎被破坏了。

@Grzegorz Blachlínski的评论是正确的，这是一个问题:

https://github.com/highcharts/highcharts/issues/5286

但是在highcharts v6+中已经解决了这个问题，解决方案是将align与"reserveSpace"结合使用。如此:

align: "left",
reserveSpace: true,
相关文章：