Как я могу добавить границу в plotBand при перемещении мыши и удалить эту границу при выходе мыши?

Question

Я хотел бы использовать функцию-член addPlotBand для добавления в plotBand и некоторые события, такие как "mousemove, mouseout and click" для отслеживания мыши. Мой вопрос заключается в том, как задать график plotBand при перемещении мыши и избавиться от границы при перемещении мыши из plotBand?

благодарю вас.

Answer 1

Полосы графиков являются путями SVG в Highcharts. Они хранятся в оси plotLinesAndBands массив и могут быть доступны как это:

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

Вы можете использовать Highcharts' SVGElement.attr() функционировать вместе с onmouseover а также onmouseout события элементов SVG для обработки добавления / удаления границ для графиков.

Ссылка на API: https://api.highcharts.com/class-reference/Highcharts.SVGElement