Plotly.jsモードバー、pngとしてダウンロード、pngに名前をつける

Question

私は自分のウェブページにPlotlyを持っており、モードバーの画像アイコンをクリックするとpngとしてダウンロードできます。しかし、それをクリックすると、new-plotという名前のpngとしてダウンロードされます。どのようにカスタム名を付けることができますか？

私の現在のコード（VARデータは単なるデータであるので、それを左）：

var layout = { 
    showlegend: true, 
    legend: { 
     x: 0, 
     y: 1 
    }, 
    xaxis: { 
     title: 'Date', 
     titlefont: { 
      family: 'Courier New, monospace', 
      size: 18, 
      color: '#7f7f7f' 
     } 
    }, 
    yaxis: { 
     title: 'Sales', 
     titlefont: { 
      family: 'Courier New, monospace', 
      size: 18, 
      color: '#7f7f7f' 
     } 
    } 
}; 

var options = { 
    scrollZoom: true, 
    showLink: false, 
    modeBarButtonsToRemove: ['zoom2d', 'pan', 'pan2d', 'sendDataToCloud', 'hoverClosestCartesian', 'autoScale2d'], 
    displaylogo: false, 
    displayModeBar: true, 
}; 

Plotly.newPlot('tester', data, layout, options); 

Answer 1

使用Plotly.downloadImage

https://plot.ly/javascript/plotlyjs-function-reference/#plotlydownloadimage

ボタンのコールバックのためのあなたのmodebarのセットアップにこれを追加します。

を

Plotly.downloadImage({ 
    filename: 'customNamedImage', 
    format: 'png', //also can use 'jpeg', 'webp', 'svg' 
    height: 500, 
    width: 500 
}); 

Edi T：

私は、カスタムの例を実行し、私はあなたがそうのように、modebarで独自のダウンロードボタンをcustimzeしたくなると思います。私はそれを追加する必要があります

Plotly.newPlot(gd, [{ 
    y: [1, 2, 1], 
    line: { shape: 'spline' } 
}], { 
    title: 'custom modebar button', 
    width: 400, 
    height: 700 
}, { 
    showTips: false, 
    displayModeBar: true, 
    modeBarButtons: [[{ 
    name: 'custom download button', 
    icon: Plotly.Icons.camera, 
    click: function (gd) { 
     Plotly.downloadImage(gd, { 
     filename: 'your_custom_name', 
     format: 'jpeg', 
     width: gd._fullLayout.width, 
     height: gd._fullLayout.height 
     }) 
    } 
    }, 'toImage' 
    ], []] 
})