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

Question

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

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

导出方法：

 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

为了一键导出多个文件中的图表，请使用 batchExport 功能来实现这一点，这里是一个代码片段

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/

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

How to Export multiple fusion charts to separate image files

javascript

jquery

fusioncharts

angular