Высокие диаграммы показывают / выделяют ось Y при наведении курсора на линию графика

Question

У меня сложный график со множеством осей у (> 8), что приводит к не лучшему размеру. Для каждой оси Y может быть представлено несколько линий графика.

Я думаю, что следующее может улучшить это.

• до, например, для оси Y на линии графика при наведении курсора выделите соответствующую ось Y.
• для более чем 4 осей Y показана только одна ось Y, а при наведении курсора на линию графика отображается соответствующая ось Y.

Существуют ли какие-либо настройки или плагины, обеспечивающие такое или подобное поведение, которое я наблюдал?

Как получить при наведении курсора мыши на линию графика соответствующую ось Y? (И какой правильный способ для визуализированного графика скрыть ось Y и показать другую?)

Спасибо за то, что поделились своим опытом, я действительно ценю.

Answer 1

Вы можете использовать события mouseOver и mouseOut, чтобы выделить или показать / скрыть соответствующую ось Y. Например:

plotOptions: {
  series: {
    events: {
      mouseOver: function() {
        this.yAxis.update({
          labels: {
            style: {
              color: 'red'
            }
          }
        });
      },

      mouseOut: function() {
        this.yAxis.update({
          labels: {
            style: {
              color: '#666666'
            }
          }
        });
      }
    }
  }
}

---

Демонстрационная версия: http://jsfiddle.net/BlackLabel/6m4e8x0y/4898/

Справочник по API:

https://api.highcharts.com/highcharts/plotOptions.series.events

https://api.highcharts.com/class-reference/Highcharts.Axis#update