Web API:将FlexChart导出为图片

如果想要将FlexChart在应用之外使用，比如使用在报表中，Web API帮助你将FlexChart导出成任何你需要的图片格式。

下面是实现的步骤：

1：创建FlexChart

2：调用Service

3：运行项目

第一步：

需要一个FlexChart，本文的注意力放在Web API部分。因此从一个基本的FlexChart应用开始：

Web API:将FlexChart导出为图片-LMLPHP

第二步：调用Service

1.添加C1 Web API客户端的JavaScript文件和引用到MVC工程。

2.创建一个功能，使用客户端JavaScript帮助，继承export功能，在Views|FlexChart|Index.cshtml里添加如下代码：

<script type="text/javascript">

    function exportImage() {

        var exporter = new wijmo.chart.ImageExporter();

        imageType = document.getElementById("mySelect").value;

        control = wijmo.Control.getControl('#flexChart');

        exporter.requestExport(control, "http://demos.componentone.com/ASPNET/C1WebAPIService/api/export/image", {

            fileName: "exportFlexChart",

            type: imageType,

        });

    }

</script>

3.添加按钮然后在Button的Click中调用export的功能，在Views|FlexChart|Index.cshtml里添加如下代码

<select id="mySelect">

    <option selected>Png</option>

    <option>Jpg</option>

    <option>Gif</option>

    <option>Bmp</option>

    <option>Tiff</option>

</select>

<button onclick="exportImage()" title="Export">Export</button>

第三步：运行项目

*点击Build|Build Solution编译项目

*选择F5运行

当运行程序，得到的效果如下所示：

Web API:将FlexChart导出为图片-LMLPHP