如何在 Angular 7 中获取 Fusion 图表的 Base64 图像 URL答案

【问题标题】：How to get Base64 image URL of Fusion chart in Angular 7如何在 Angular 7 中获取 Fusion 图表的 Base64 图像 URL
【发布时间】：2019-09-20 14:19:55
【问题描述】：

我在 Angular 7 中使用 Fusion Charts，我想以 Base64 图像格式导出此图表。

我已经尝试过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>

请帮帮我。

谢谢。

【问题讨论】：

标签： angular primeng fusioncharts

【解决方案1】：

如果您想获取 base64 图像，您可以简单地在图表级别应用 exportEnabled 属性并设置为 1，这里是详细链接 - https://www.fusioncharts.com/dev/exporting-charts/using-fc-export-server/exporting-charts-as-image-and-pdf

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

批量导出似乎无法在 Angular 中工作，这是记录的问题的链接 - https://github.com/fusioncharts/angular-fusioncharts/issues/59

【讨论】：