如何在Angular 7中獲取Fusion圖表的Base64圖像URL

Question

我正在Angular 7中使用Fusion Charts，我想以Base64 Image格式導出此圖表。

我已經嘗試了batchExport方法將圖表導出為圖像。

app.component.ts：

import * as FusionCharts from "fusioncharts";

ngOnInit() {
  this.exportChart = {
    chart: {
      xaxisname: Month,
      yaxisname: Count,
      borderThickness: "4",
      showvalues: "1",
      theme: "fusion",
      data: chartData
    };
  }

  exportData() {
    FusionCharts.batchExport({
      exportFileName: "demoExport",
      exportFormat: "jpg",
      exportAtClientSide: "1"
    });
  }
}

app.component.html：

<button id='export_charts' (click)='exportData()' class="mb-10">Export Chart</button>

請幫我。

謝謝。

Answer 1

如果你希望得到的base64圖像你根本就在圖表級別應用exportEnabled屬性，設置為1，這里是一個詳細的鏈路- https://www.fusioncharts.com/dev/exporting-charts/using-fc-export -服務器/將圖表導出為圖像和pdf

 "chart": {
        "exportEnabled": "1"
    }

批處理導出似乎無法正常工作，這是已記錄問題的鏈接-https: //github.com/fusioncharts/angular-fusioncharts/issues/59