我们如何通过 highcharts-react-official 包显示加载

ner*_*ero 6 highcharts reactjs react-highcharts

我正在尝试使用 highcharts 中的加载选项。但我无法找到使用 highcharts-react-official 包来做到这一点的方法。

dan*_*l_s 9

这取决于您需要使用它的地方。和 方法都showLoading()可以hideLoading()Chart对象原型上使用,因此,例如,如果您想在图表配置中的某个地方(例如load事件)使用它,只需使用 on 调用它this

如果您需要在图表之外(例如组件中的某个位置)调用该方法,只需执行相同的操作,但使用组件chart引用。

以下是示例:

https://codesandbox.io/s/72xq1jo95q(图表配置内部)

https://codesandbox.io/s/2xl8r2w46r(组件内部)