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

标签 reactjs highcharts react-highcharts

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

最佳答案

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

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

以下是示例:

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

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

关于reactjs - 我们如何通过 highcharts-react-official 包显示加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52788862/

相关文章:

javascript - 如何在 ReactJs 中对动画进行排序

reactjs - [流程]使用装饰器@connect : Property not found in props of React element

javascript - Highchart x 轴在特定日期后显示标签,无论 x 轴类别中有什么

javascript - HighCharts 类型错误 : ha is not a function

javascript - 如何在 react-highcharts 中使用图表工具提示格式化程序?

reactjs - 使用分块对 React SSR 应用程序进行 A/B 测试

javascript - 关于使用外部 Dom 按钮在 Highcharts.js 中向下和向上钻取的问题

javascript - 决定哪个系列进入范围选择器 highstock

reactjs - React 项目文件结构中存在许多嵌套路由和组件目录的原因