如何导出多个融合图以分离图像文件答案

【问题标题】：How to Export multiple fusion charts to separate image files如何导出多个融合图以分离图像文件
【发布时间】：2019-01-10 06:00:01
【问题描述】：

在页面上我有几个图表。它们是使用 Fusion Chart 库构建的。

共有三种不同的图表。我需要将它们全部导出为单独的 PNG 文件。所以我添加按钮，点击我需要单独的 png 文件。但是当前代码返回单独的图像但相同的图表。我们能做什么？

导出方式：

 function export_chart() {
        var format = document.getElementById("format").value;
        revenueChart0.exportChart({
            "exportFormat": format
        });
         revenueChart1.exportChart({
            "exportFormat": format
        });
         revenueChart2.exportChart({
            "exportFormat": format
        });
    }

示例：https://jsfiddle.net/73xgmacm/249/

【问题讨论】：

标签： javascript jquery angular fusioncharts

【解决方案1】：

为了一键导出多个文件中的图表，请使用batchExport功能来实现，这里有一个代码sn -p

batchExportConfig1 = function() {
  FusionCharts.batchExport({
    "charts": [{
      "id": "chart-1",
    }],
    "exportFileName": "chart1",
    "exportFormat": "jpg"
  })
  FusionCharts.batchExport({
    "charts": [{
      "id": "chart-2",
    }],
    "exportFileName": "chart2",
    "exportFormat": "jpg"
  })
  FusionCharts.batchExport({
    "charts": [{
      "id": "chart-3",
    }],
    "exportFileName": "chart3",
    "exportFormat": "jpg"
  })
  FusionCharts.batchExport({
    "charts": [{
      "id": "chart-4",
    }],
    "exportFileName": "chart4",
    "exportFormat": "jpg"
  })
}

这是一个小提琴样本 - http://jsfiddle.net/khjt8c7m/

【讨论】：