javascript - 如何将多个融合图表导出到单独的图像文件

Question

在页面上我有几个图表。它们是使用 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/

Answer 1

为了一键单击将图表导出到多个文件中，请使用批量导出功能来实现此目的，这里是一个代码片段

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"
  })
}

这是一个示例 fiddle - http://jsfiddle.net/khjt8c7m/