Question

我在我的反应代码中使用高图趋势。在初始页面加载时，图表为空白。用户可以在运行时添加任何类型的系列。根据添加的序列，将对应的yaxis添加到图表中，最多可以添加3 yAxis。我想打开一个模式对话框，为图表上的每个yaxis输入最小最大值，并手动设置每个yaxis的最小值最大值。我已经可以做到这一点，但是有一些技巧。

React中有什么方法可以在图表完全加载并添加所有y轴后，单击一个按钮并打开一个模式对话框？当在图表中添加或删除序列时，并不总是执行render方法，因此模式对话框不会知道图表中有多少个轴。

请让我知道是否可以单击按钮来渲染模式对话框（执行渲染方法时我无法预先渲染它）。

谢谢。

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

Highcharts React中的自定义Y轴比例

1 个答案: