Сохранить график в виде png-файла в Reaction-plotly.js?

Question

Я использую библиотеку Reaction-plotly.js для построения гистограммы. Мне нужно скачать график в виде PNG-файла. Я видел документ о том, как это сделать, в библиотеке plotly.js. Может кто-нибудь помочь мне разобраться, как это сделать в библиотеке реагировать-plotly.js. Заранее спасибо:)

Answer 1

просто используйте этот метод, чтобы сохранить файл PNG

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

}

Answer 2

Если у вас есть список графиков в реагировании внутри элемента, имеющего id как "chart-container", то используйте следующий код для загрузки графика в виде png, который можно вызвать при любом событии нажатия кнопки.

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