代码之家 › 专栏 › 技术社区 › Sooriya Dasanayake

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

fusioncharts angular jquery javascript

Sooriya Dasanayake · 技术社区 · 5 年前

在第页我有几个图表。它们是用Fusion图表库构建的。

有三种不同的图表。我需要将它们全部导出为单独的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/

1 回复 | 直到 5 年前

Zapdos13 5 年前

为了在一个按钮上导出多个文件中的图表,请使用批导出功能来实现这一点,下面是一个代码段

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/

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前