Пользовательская шкала оси Y в реакции Highcharts

Question

Я использую высокие графики для трендов в своем коде реакции.При начальной загрузке страницы диаграмма пуста.Пользователь может добавить любой тип серии во время выполнения.Исходя из добавленной серии, на график добавляется соответствующая ось Yaxis, можно добавить до 3 yAXIS.Я хочу открыть модальное диалоговое окно с минимальными максимальными значениями для каждого яси на графике и установить минимальное максимальное значение для каждого яси вручную.Я могу добиться этого уже, но с некоторыми взломами.

Есть ли способ в React, что, когда диаграмма будет полностью загружена со всеми добавленными осями Y, я смогу нажать кнопку и открыть модальное диалоговое окно?Метод рендеринга не всегда выполняется, когда ряды добавляются или удаляются из диаграммы, поэтому модальное диалоговое окно не знает, сколько осей имеется в диаграмме.

Пожалуйста, дайте мне знать, если возможно отобразить модальное диалоговое окно нащелчок кнопки (я не могу предварительно отобразить его во время выполнения метода визуализации.)

Спасибо.

Answer 1

Вы можете получить ссылку на компонент React в функциях событий диаграммы и использовать ее для визуализации некоторых элементов:

chart: {
  events: {
    render: function() {
      ...
      // use React to render something
    }.bind(this)
  }
},

Демонстрация в реальном времени: https://codesandbox.io/s/2x0kpxkoxn

Справочник по API: https://api.highcharts.com/highcharts/chart.events.render