单击图例项目时处理轴刻度更改&隐

时间:2014-10-24 11:33:29

标签: javascript highcharts

我正在绘制标记,使用最后一个value.plotY作为y坐标,图表宽度作为x,显示图表最右侧的系列中的最后一个值。这很好。

但是,单击图例项以隐藏某些系列有时会重新缩放轴以最适合仍然显示的系列,不幸的是,因为我的标记只是愚蠢的图形,所以它们不响应此比例。

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

希望有一种简单的方法可以做到这一点,我只是不确定如何最好地识别并使用这种重新缩放。感谢。

1 个答案:

答案 0 :(得分: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( ... ); 
        }
    }
}