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{ //... })，然后销毁对象并使用新的计算位置/大小添加新内容。