将图例与HighCharts中的x轴标题对齐

x轴标题对齐的默认行为在x轴的边界内。但是，图例对齐在整个图表的范围内。因此，如果将两个中心对齐，它们会有轻微的偏移。如何使图例的位置偏离x轴边界？我的图形选项是动态的，所以我需要动态地执行它

提前谢谢

给你举个例子：

简而言之，您可以将图例的翻译更改为类似于xAxis的标题：

function moveLegend(e) {
    var legend = this.legend,
        x = this.plotLeft + (this.xAxis[0].width / 2) - legend.group.getBBox().width / 2,
        y = legend.group.translateY;
    legend.group.attr({
        transform: 'translate(' + x + ',' + y +')' 
    });
}

注意：我正在使用

load

和

redraw

事件，在第一次初始化后转换图例，然后使此图例响应

function moveLegend(e) {
    var legend = this.legend,
        x = this.plotLeft + (this.xAxis[0].width / 2) - legend.group.getBBox().width / 2,
        y = legend.group.translateY;
    legend.group.attr({
        transform: 'translate(' + x + ',' + y +')' 
    });
}