如何在高图中缩放缩放事件的svg路径

How can I scale an svg path on zoom event in highcharts?

本文关键字：缩放 svg 路径 事件 高图中      更新时间：2023-09-26

我已经构建了一个模块，这样用户就可以使用Renderer在高图上绘制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线来相应地调整大小

有没有这样做的功能，或者我必须手动编码
如果我必须手动操作，请告诉我如何操作。

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

相关文章：