React Highcharts 具有“react-highcharts”导出功能

Question

在我工作的代码库中，我们有

react-highcharts

而不是

highcharts-react-official

，我正在尝试启用 highcharts 导出功能。

我去了react-highcharts文档，它说要使用已弃用的库 - http://kirjs.github.io/react-highcharts/more.html

有谁知道我如何在不使用

highcharts-exporting

和

highcharts-more

的情况下使用导出功能，因为它们已被弃用，用

react-highcharts

而不是

highcharts-react-official

？

Answer 1

试试这个：

// Import Highcharts
import Highcharts from "highcharts";

// Load Highcharts modules
require("highcharts/modules/exporting")(Highcharts);

带有

highcharts-react-official

的示例：

• https://codesandbox.io/s/4r57245nw7

Answer 2

如果您正在使用 Next js，请尝试这个。

import Highcharts from 'highcharts'
import HighchartsExporting from 'highcharts/modules/exporting'
import HighchartsReact from 'highcharts-react-official'

if (typeof Highcharts === 'object') {
    HighchartsExporting(Highcharts)
}