javascript - 在 Highcharts 中将 y 轴标题与标签左对齐

Question

在 Highcharts 中，我想将 y 轴标题放在顶部，并使其与 y 轴标签左对齐。

我已经尝试过这个:

$('#container').highcharts({
    ...
    yAxis: {
        ...
        title: {
            align: 'high',
            text: 'Y-axis title',
            rotation: 0,
            y: -10,

            //To left-align title with labels
            textAlign: 'left', //This is undocumented, but appears to work
            margin: 0
        }
    }
})

但是，我得到了过多的左边距，这似乎与 y 轴标题的长度成正比。

JsFiddle

边距计算似乎没有考虑 textAlign: 'left' 设置。

更新:我应该说我当前的“解决方案”是使用 chart.marginLeft 设置边距，但这并不理想，因为它是固定的。左边距应该足够大以容纳轴标签(无论它们有多大)。

如何将 y 轴标题与标签左对齐并具有合理的左边距？

Answer 1

我决定使用 marginLeft(是的，您没看错)，但基于轴标签的长度，以提供所需的灵 active 。

我在这里所做的是将图表选项设置为名为 chartOptions 的变量。然后，我计算了轴标题的长度(字符数)，根据该值设置 marginLeft 属性，然后使用修改后的图表选项绘制图表。

chartOptions.chart.marginLeft = chartOptions.yAxis.title.text.length;
var chart = $('#container').highcharts(chartOptions);

这是工作 fiddle :http://jsfiddle.net/brightmatrix/6eeuay58/9/

我通过增加一些数据点来用不同的数字进行测试。

如果这对您有用且有帮助，请告诉我。