Highcharts React中的自定义Y轴刻度

Question

我在反应代码中使用highcharts进行趋势分析。在初始页面加载时，图表为空白。用户可以在运行时添加任何类型的系列。在添加的系列的基础上，相应的yaxis添加到图表中，最多可以添加3 yAxis。我想打开一个模态对话框，其中包含图表上每个y轴的最小最大输入，并手动设置每个y轴的最小值。我已经可以做到这一点，但有一些黑客。

在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