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

Question

On page I have several charts. They are build with Fusion Chart library.

There are three different charts.I need to export them all as separate PNG files. So I add button, on click on which I need to have separate png-files.But the current code returns separate images but the same chart. What can we do ?

export method :

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

Example: https://jsfiddle.net/73xgmacm/249/

Answer 1

In order to export the chart in multiple files on one button click please use batchExport functionality to achieve this, here is a code snippet

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

Here is a sample fiddle - http://jsfiddle.net/khjt8c7m/