Jquery 在Highcharts中,当图表发生变化时,如何随图表移动注释?

Jquery 在Highcharts中,当图表发生变化时,如何随图表移动注释?,jquery,highcharts,annotations,Jquery,Highcharts,Annotations,Highcharts是否允许您在调整图表大小时确保注释与图表一起移动(如果图表显示在较小的屏幕上,或者如果它是高亮显示的图表,则需要这样做)。如果是这样,请有人告诉我如何可以做到这一点,因为我需要我的要求之一 以下是我的注释代码: chart: { type: 'bubble', zoomType: 'xy', events: { load() { const chart = this; chart.renderer.text('&#x2190

Highcharts是否允许您在调整图表大小时确保注释与图表一起移动(如果图表显示在较小的屏幕上,或者如果它是高亮显示的图表,则需要这样做)。如果是这样,请有人告诉我如何可以做到这一点,因为我需要我的要求之一

以下是我的注释代码:

chart: {
  type: 'bubble',
  zoomType: 'xy',
  events: {
    load() {
      const chart = this;
      chart.renderer.text('← More Disruptive', 290, 20)
      .attr({ zIndex: 10 })
      .css({ fontSize: '12px', color: '#666666'})
      .add();
      chart.renderer.text('Less Disruptive →', 440, 20)
      .attr({ zIndex: 10 })
      .css({ fontSize: '12px', color: '#666666'})
      .add();
      chart.renderer.text('Greatly Decreased ↑', 685, 140)
      .attr({ zIndex: 10 })
      .css({ fontSize: '12px', color: '#666666'})
      .add();
      chart.renderer.text('Greatly Increased ↓', 688, 205)
      .attr({ zIndex: 10 })
      .css({ fontSize: '12px', color: '#666666'})
      .add();
    }
  }
}

如果将注释链接到点: 或者将其连接到模拟点:它将响应

    annotations: [{
        labels: [{
            point: {
                xAxis: 0,
                yAxis: 0,
                x: 3,
                y: 6
            }
        }]
    }]
在另一种情况下,您需要在每次调整大小后计算注释的位置(例如使用
chart.redraw
事件)



API参考资料:

谢谢您的支持。