将一个情节保存为react-plotly.js中的png文件？

Question

我正在使用react-plotly.js库绘制直方图。我需要将图形下载为png文件。我在plotly.js库中看到了document如何做到这一点。有人可以帮我弄清楚如何在react-plotly.js库中做到这一点。在此先感谢：）

Answer 1

只需使用此方法保存png文件

downloadGraph(fileName) {
if(this.graphPlotted) {
  Plotly.downloadImage(this.graphPlotted, {format: 'png', filename: fileName})
}

}

Answer 2

如果您在一个元素内有个React中的绘图图表列表，其ID为“图表容器”，则使用以下代码将图形下载为png，可以在任何按钮单击事件中调用该图形。

let ele = document.getElementById('chart-container').getElementsByClassName('modebar');
for (var i = 0; i < ele.length; i++) {
    ele[i].getElementsByClassName('modebar-btn')[0].click();
}