Javascript 如何在highcharts中缩放事件时缩放svg路径？

我构建了一个模块，用户可以使用渲染器在highchart上绘制svg线。 但是当用户放大海图时，绘制的线条的大小和位置不会改变。

我需要线条的这些属性也改变，就像用户放大海图一样，应该重新计算线条点的位置，并显示更新后的线条。

例如在以下小提琴中：

当我更改滑块时，我需要红色svg线相应地调整大小

---

是否有一个函数可以执行此操作，或者我必须手动编写代码？
如果我必须手动编写，请告诉我如何继续。

您可以捕获resize

$（窗口）。resize（函数{/…}）

，然后销毁对象并添加新的计算位置/大小

chart.renderer.path(['M', 0, 0, 'L', 100, 100, 200, 50, 300, 100])
    .attr({
        'stroke-width': 2,
        stroke: 'red'
    })
    .add();