Javascript 调整窗口大小时，Highcharts将HTML向右对齐

我已将自定义文本添加到图表中。图表是流动的，在调整浏览器窗口大小时调整其大小

是否有任何方法可以将“监控系统”和“漏洞”部分设置为正确对齐，以便它们与图表的其余部分一起调整大小

函数（图表）{//on完成
html（'96monitoredsystems'，350，0）
.css({
颜色：“#999999”，
字体大小：“13px”
})
.add（）；
html（'6漏洞'，515,0）
.css({
颜色：“#999999”，
字体大小：“13px”
})
.add（）；
})

您需要移动html元素。您可以根据

chart.plotLeft

和

chart.plotWidth

计算它们的新位置

chart: {
renderTo: 'cont_monitor',
marginTop: 50,
backgroundColor: 'transparent',
events: {
  redraw: function() {
    var elements = this.HTMLElements,
        offsetWidth = 0,
        i = elements.length;

    while (--i > -1) {
      offsetWidth += elements[i].getBBox().width + 75;
   //  offsetWidth += 235;
      elements[i].attr({
        x: this.plotLeft + this.plotWidth - offsetWidth
      });
    }
  }
}
},

---

示例：

这对于调整浏览器窗口的大小非常有用。有没有办法确定初始页面加载时的正确位置？目前，数据是在我指定X，Y坐标的位置加载的，但在调整大小时，会自动调整大小。不过，我在定义X坐标的位置添加了chart.plotWidth-指定的偏移量，现在效果很好。谢谢！是的，这正是您在初始回调中应该做的。

chart: {
renderTo: 'cont_monitor',
marginTop: 50,
backgroundColor: 'transparent',
events: {
  redraw: function() {
    var elements = this.HTMLElements,
        offsetWidth = 0,
        i = elements.length;

    while (--i > -1) {
      offsetWidth += elements[i].getBBox().width + 75;
   //  offsetWidth += 235;
      elements[i].attr({
        x: this.plotLeft + this.plotWidth - offsetWidth
      });
    }
  }
}
},