我有这个项目，我试图在其中实现从图表外部导出 highchart 功能。
有什么办法可以实现吗？我正在使用 React highcharts，下载格式为 Jpeg 和 CSV。
提前致谢
如何将导出功能添加到 React highcharts 中的自定义按钮？
IT技术
reactjs
highcharts
export
react-highcharts
2021-05-03 00:45:30
1个回答
我找到了一个使用功能组件的解决方案：
首先导入module：
import * as Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
require('highcharts/modules/exporting')(Highcharts);
require('highcharts/modules/export-data')(Highcharts);
然后创建对图表的引用：
const chart = useRef();
....
....
<HighchartsReact ref={chart} highcharts={Highcharts} options={chartOptions} />
然后创建一个像这样的方法，由点击事件触发：
const downloadCSV = () => {
if (chart && chart.current && chart.current.chart) {
chart.current.chart.downloadCSV();
}
};