チャートを画像にエクスポート

SpreadJS では、チャートを画像ソースとしてエクスポートすることができます。チャートをシートに挿入した後、 chart.toImageSrc() API を使用して画像ソースを取得することができます。

コードの使用

以下のコードは、スプレッドシート上のチャートから画像ソースを取得する方法を示しています。

// 縦棒チャートを追加します。
// チャートのデータを設定します。
   sheet.setArray(0, 0, [
        ["", "Chrome", "FireFox", "IE", "Safari"],
        ["2020", 51, 34, 11, 27],
        ["2021", 23, 31, 73, 64],
        ["2022", 36, 24, 83, 89]
   ]);

// チャートを追加します。
let chart = sheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.columnClustered, 100, 100, 500, 280, "A1:E4");

// チャートの画像ソースを取得します。
let chartImageSrc = sheet.charts.all()[0].toImageSrc();

SpreadJSデザイナの使用

SpreadJSデザイナでチャートを選択したときに、 [画像として保存]オプションをクリックして画像として保存することもできます。

以下は、チャートを画像として保存する手順です。

ワークシートを開きます。
チャートに表示するデータを作成します。
チャートを挿入します。
チャートを右クリックして、 [画像として保存]をクリックします。
画像を保存する場所を選択します。
ファイル名を指定して、[保存]をクリックします。

メモ:
現在、エクスポートされるファイル形式はPNGで、ファイル名はデフォルトのオブジェクト名です。例えば、chord 1。
複数のチャートが選択されている場合、それらは一緒にエクスポートされ、デフォルトではすべてのチャートがSpreadShapesという名前のファイルとしてエクスポートされます。