如果想要將FlexChart在應用之外使用,比如使用在報表中,Web API幫助你將FlexChart導出成任何你需要的圖片格式。 下麵是實現的步驟: 1:創建FlexChart 2:調用Service 3:運行項目 第一步: 需要一個FlexChart,本文的註意力放在Web API部分。因此從一 ...
如果想要將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