Web API:將FlexChart導出為圖片

来源:http://www.cnblogs.com/C1SupportTeam/archive/2016/03/31/5340597.html
-Advertisement-
Play Games

如果想要將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應用開始:

MVC_WebAPI_Export1

第二步:調用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運行

當運行程式,得到的效果如下所示:

MVC_WebAPI_Export2

 

更多的Web API請參考:

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


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在一般的Socket應用裡面,很多時候數據的發送和接收是分開處理的,也就是我們發送一個消息,不知道這個請求消息什麼時候得到應答消息,而且收到對應的應答消息的時候,如果操作界面的內容,也是需要特別處理的,因為它們和界麵線程是不在一起的。如果我們在發送消息的時候,能夠給一段回調的代碼給收到應答消息的時候 ...
  • 釋義 JavaScript getFullYear() 方法 getFullYear() 方法可返回一個表示年份的 4 位數字。 getYear() 語法 返回值 當 dateObject 用本地時間表示時返回的年份。返回值是一個四位數,表示包括世紀值在內的完整年份,而不是兩位數的縮寫形式。 提示和 ...
  • 客戶端在請求Web Api時可以有以下兩種方式提供API key 基於Querystring提供Api key http://localhost:57967/Api/Values?key=12345 基於Request header體統API key 編寫ApiKeyHandler 配置到特定的路由 ...
  • 1,我們在登陸中經常會遇到訪問系統的某個頁面無法登陸,需要走登陸頁面,儘管訪問的不是登陸頁面,那麼這是怎麼做的呢?以及在登陸中有記住我以及驗證碼的輸入功能。 今天就寫了這麼一個demo關於登陸驗證 驗證碼,以及記住我功能呢 2,在這中主要用到了Session 和Cookies,Cookies 存儲客 ...
  • 工作中有個需求,定期請求多個URL。“定期”採用計劃任務實現,請求URL,雖說start url可以實現,但不靈活。自己製作了個專門請求URL的工具,並記錄請求結果。 控制台程式代碼: 1 class Program 2 { 3 //日誌目錄 4 static string logFileDirec ...
  • 例如: 當我們遇到這種情況:(下拉框的隱藏值和顯示值皆為實體類進行綁定值時)下拉框的隱藏值並不能成功獲取到。 我們就可以使用下麵 的方案來解決 ok ,成功獲取到隱藏值。 還有一個,附加解決方案: ...
  • 1.實現兩級下拉框的聯動。 功能:實現點擊年級下拉框,載入對應科目的下拉框。 第一步:首先要載入年級下拉框中的數據。 01.在GradeDAL層(數據訪問層)寫一個方法,查詢所有年級的信息。 02.在GradeBLL層(業務邏輯層)調用數據訪問層的方法,返回給UI層來調用。 03.在UI層(表示層) ...
  • 自己寫實體可以完美解決這個問題。 用匿名類型也可以。 設置上下文方法如下: (jz為資料庫上下文對象) jz.Configuration.ProxyCreationEnabled = false;jz.Configuration.LazyLoadingEnabled = false; 不用這個的原因 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...