我尝试使用Highcharts React将图表导出为任何类型的图像(jpg,png,svg..)。
我读到过,Highcharts-React创建了另一个用于导出的示例,所以HighchartsRef上没有getSVG()函数。
有没有办法通过代码获取图像?
const App = () => {
const chartComponent = useRef(null);
const printChartAsImage = () => {
// chart to image
const chart = chartComponent.current.chart;
console.log(chart.getSVG());
};
return (
<>
<button onClick={printChartAsImage}>Print visible page</button>
<div id="element-to-print">
<HighchartsReact
highcharts={Highcharts}
options={chartOptions}
ref={chartComponent}
/>
</div>
</>
);
};
1条答案
按热度按时间ajsxfq5m1#
您缺少Highcharts
exporting
模块:现场演示:https://codesandbox.io/s/highcharts-react-demo-fork-cmmwwg?file=/demo.jsx
文件:https://www.highcharts.com/docs/export-module/export-module-overview