如何在鼠标移入时向plotBand添加边线并在鼠标移出时移除该边线？

Question

我想使用成员函数addPlotBand添加一个plotBand，以及某些事件，如＆＃34; mousemove，mouseout和click＆＃34;跟踪鼠标。我的问题是当鼠标移出plotBand时，如何在mousemove进入时为plotBand设置边框并摆脱边框？

谢谢。

Answer 1

绘图带是Highcharts中的SVG路径。它们存储在轴“plotLinesAndBands数组中，可以像这样访问：

  chart: {
    events: {
      load: function() {
        var axis = this.xAxis[0];
        console.log(axis.plotLinesAndBands[0].svgElem.element);
      }
    }
  },

您可以将Highcharts的SVGElement.attr()功能与SVG元素的onmouseover和onmouseout事件一起使用，以处理添加/删除绘图带的边框。

API参考： https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr