如何在HighchartsReact中添加全屏按钮？

Question

我正在使用HighchartsReact，并希望添加一个按钮，该按钮可让我切换不在导出菜单中的全屏模式，例如this。

我已找到this帮助主题文档，但似乎无法访问Highcharts.Chart.prototype.toggleFullscreen()中的HighchartsReact方法。

我也发现了可以导入的内容：

import HighchartsFullscreen from 'highcharts/modules/full-screen';

但是在互联网上的任何地方似乎都没有任何信息。

我找不到有关如何执行此操作的任何其他文档。

如果可能，处理此问题的正确方法是什么？

非常感谢！

更新

我已遵循下面第三条注释中的示例，但出现错误：

Uncaught TypeError: chart.current.chart.downloadSVG is not a function

Answer 1

您需要导入exporting模块并调用：

new Highcharts.FullScreen(chart.container);

---

实时示例： http://jsfiddle.net/BlackLabel/6m4e8x0y/4766/

React示例：https://codesandbox.io/s/highcharts-react-demo-lyd8z