IT工程師數位筆記本

如果想要將FlexChart在應用之外使用，比如使用在報表中，Web API幫助你將FlexChart導出成任何你需要的圖片格式。

下面是實現的步驟：

1：創建FlexChart

2：調用Service

3：運行項目

第一步：

需要一個FlexChart，本文的注意力放在Web API部分。因此從一個基本的FlexChart應用開始：

第二步：調用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請參考：

http://helpcentral.componentone.com/nethelp/C1WebAPI/webframe.html#C1WebAPI.html