highcharts - 以高图为中心的轴标签

Question

我在这里有一个自定义图表 我将标签属性设置为

labels: {
            formatter: function() {
                return Highcharts.dateFormat('%Y', this.value);
            },
                align:'center',
            x:150
        }

我有一个显示年份的链接轴。我想要的是轴标签应该在两个极端的中心，如图所示。

我现在所做的是，我已将 x:150 赋予标签。但如果我调整浏览器窗口的大小，这将不起作用。有没有办法做到这一点？提前致谢。

Answer 1

这是我找到它的方式。

而不是使用静态值，

我使用了 useHTML，并通过 CSS 样式定位标签。

 labels: {
            useHTML:true,
            formatter: function() {
                return '<span class="label">'+Highcharts.dateFormat('%Y', this.value)+'</span>';
            }
        }

简单的例子在这里