javascript - 单击并隐藏图例项时处理轴比例变化

Question

我正在绘制标记以在图表的最右侧显示一系列中的最后一个值，使用最后一个值。plotY 作为 y 坐标，图表宽度作为 x 坐标。这工作正常。

但是，单击图例项目来隐藏某些系列有时会重新调整轴的比例，以最适合仍然显示的系列，不幸的是，由于我的标记只是愚蠢的绘图，因此它们不会响应此比例。

我可以使用ignoreHiddenSeries来停止这种缩放行为，但我想保留它并找到一种方法将我的标记重新定位到正确的位置。是否有轴重新缩放事件或捕获此重新缩放的方法，以便我能够重绘或移动标记？

希望有一种简单的方法可以做到这一点，我只是不确定如何最好地识别和处理这种重新调整。谢谢。

Answer 1

当您渲染某个形状时，返回的是该对象，例如:

 var myShape = chart.renderer.circle(..); // create element
 myShape.add(); // add circle to the SVG
 myShape.attr({
     r: 150 // set new radius for circle
 })

现在，既然您可以访问该形状，您就可以在重绘事件中更新它的尺寸/位置/任何内容:

chart: {
    events: {
        redraw: function() { 
            // recalculate new position and then update shape:
            myShape.attr( ... ); 
        }
    }
}