如何在highchart中缩放缩放事件的svg路径？

Question

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

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

例如下面拨弄：
http://jsfiddle.net/kXKB8/

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

我需要的红色SVG线的时候我改变滑块

相应调整是否有这样的功能，还是我手动编码？
如果我必须手动执行此操作，请告诉我如何继续。

Answer 1

您可以调整大小$(window).resize(function{ //... })，然后销毁对象并添加新的计算位置/大小。