欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

.net+FusionChart實現(xiàn)動態(tài)顯示的柱狀圖和餅狀圖

 更新時間:2022年07月05日 11:09:08   作者:AZRNG  
這篇文章介紹了.net+FusionChart實現(xiàn)動態(tài)顯示柱狀圖和餅狀圖的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

html代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="divBarChart">
    </div>
    <div id="divPieChart">
    </div>
    <div id="divPieChart2">
    </div>
    <script type="text/javascript" src="FusionChart/FusionCharts.js"></script>
    <script type="text/javascript">
        function ConstructHttpString(myURL) {
            myURL += "?rnd=" + new Date().getTime();
            return encodeURIComponent(myURL.toString());
        }
        //畫圖(以指定 xml格式文件為數(shù)據(jù)源)
        function DrawChart(divId,flashFileName,width,height,xmlUrl) {
            var myChartId = new Date().getTime();
            var myChart = new FusionCharts("FusionChart/" + flashFileName, myChartId, width, height);
            //myChart.setDataURL("data.xml"); //獲取xml格式數(shù)據(jù)源
            myChart.setDataURL(ConstructHttpString(xmlUrl)); //獲取xml格式數(shù)據(jù)源
            myChart.set
            myChart.addParam("wmode", "Opaque");
            myChart.render(divId);
        }
        
        //畫圖 (以指定 xml格式字符串為數(shù)據(jù)源)
        function DrawChart2(divId, flashFileName, width, height) {
            var myChartId = new Date().getTime();
            var myChart = new FusionCharts("FusionChart/" + flashFileName, myChartId, width, height);
            myChart.setDataXML('<chart caption="逗你玩" numberPrefix="$"><set value="25" label="Item A" color="AFD8F8" /><set value="17" label="Item B" color="F6BD0F" /><set value="23" label="Item C" color="8BBA00" isSliced="1" /></chart>');
            myChart.addParam("wmode", "Opaque");
            myChart.render(divId);
        }
        //柱狀圖
        DrawChart("divBarChart", "StackedColumn2D.swf", "831", "396", "dataXml.xml");
        //餅狀圖
        DrawChart("divPieChart", "Pie2D.swf", "831", "396", "xml.aspx");
        //餅狀圖
        DrawChart2("divPieChart2", "Pie2D.swf", "500", "396");
    </script>
</body>
</html>

上面是,前端頁面上的使用,可以看出:其用法很簡單,對于繪制柱狀圖或是餅狀圖等,對于使用唯一的區(qū)別就是:指定不同的展示flash文件和相應(yīng)的xml格式內(nèi)容(具體每種chart圖表對應(yīng)的xml文件格式,請查看官網(wǎng)Demo)。其方法主要方法有:

  • setDataURL:設(shè)置數(shù)據(jù)源Url,以指定 xml格式文件為數(shù)據(jù)源
  • setDataXML:設(shè)置數(shù)據(jù)源xml內(nèi)容,以指定 xml格式字符串為數(shù)據(jù)源

(網(wǎng)上說有個setJSONData的方法,可以設(shè)置json對象作為數(shù)據(jù)源,但應(yīng)該是老版本或整合修改后的js文件,沒找到,所以直接設(shè)置json對象作為數(shù)據(jù)源貌似不行!)

using System;
 
namespace Web_Client.pieChart
{
    public partial class xml : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Response.ContentType = "text/xml; characterset=utf-8";
            Response.BinaryWrite(new byte[] { 0xEF, 0xBB, 0xBF });
            Response.Write("<chart caption=\"餅狀圖\" numberPrefix=\"$\"><set value=\"25\" label=\"項目 A\" color=\"AFD8F8\" /><set value=\"17\" label=\"Item B\" color=\"F6BD0F\" /><set value=\"23\" label=\"Item C\" color=\"8BBA00\" isSliced=\"1\" />   <set value=\"65\" label=\"Item D\" color=\"A66EDD\" /><set value=\"22\" label=\"Item E\" color=\"F984A1\" /></chart>");
            Response.End();
        }
    }
}

以上是在后臺代碼中輸出xml格式文件為數(shù)據(jù)源,需要注意的是:Response.ContentType = "text/xml; characterset=utf-8";Response.BinaryWrite(new byte[] { 0xEF, 0xBB, 0xBF });——這兩行代碼是不可缺少的,其作用是:指定輸出xml文件的編碼和解決中文亂碼問題!

效果圖如下:

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • ASP.net與SQLite數(shù)據(jù)庫通過js和ashx交互(連接和操作)

    ASP.net與SQLite數(shù)據(jù)庫通過js和ashx交互(連接和操作)

    這篇文章主要介紹了ASP.net與SQLite數(shù)據(jù)庫通過js和ashx交互(連接和操作),具有一定的參考價值,有興趣的可以了解一下。
    2017-01-01
  • 導(dǎo)致Asp.Net站點重啟10個原因小結(jié)分析

    導(dǎo)致Asp.Net站點重啟10個原因小結(jié)分析

    Asp.Net站點有時候會莫名其妙的重啟,什么原因?qū)е碌膮s不得而知,經(jīng)過一番折騰后,我總結(jié)了導(dǎo)致Asp.Net站點重啟的10個原因,需要的朋友可以參考下。
    2011-08-08
  • Visual?Studio快捷鍵匯總

    Visual?Studio快捷鍵匯總

    這篇文章介紹了Visual?Studio的常用快捷鍵,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-04-04
  • asp.net下PageMethods使用技巧

    asp.net下PageMethods使用技巧

    ASP.net AjAX中的PageMethods可以將靜態(tài)頁方法添加到 ASP.NET 頁中并將其用作 Web 方法。然后,無需創(chuàng)建單獨的 .asmx 文件即可從該頁中的腳本調(diào)用這些方法,就好像這些方法是 Web 服務(wù)的一部分。特別是在一些交互流程不復(fù)雜而調(diào)用次數(shù)和方法又比較多的情況下更為方便。因為PageMethods不需要我們再添加另外的WEB服務(wù)或Page來處理請求。
    2008-03-03
  • asp.net簡化接收參數(shù)值的函數(shù)

    asp.net簡化接收參數(shù)值的函數(shù)

    獲取querystring 參數(shù)名
    2008-05-05
  • c#加密類使用方法示例

    c#加密類使用方法示例

    這篇文章主要介紹了c#加密類使用方法,大家可以參考使用
    2013-11-11
  • asp.net get set用法

    asp.net get set用法

    屬性的定義和使用 屬性由兩個部分組成:屬性頭和存儲器。存儲器分為get訪問器和set訪問器。聲明屬性的一般形式為: 修飾符 類型 屬性名
    2008-05-05
  • 在ASP.NET?MVC下限制同一個IP地址單位時間間隔內(nèi)的請求次數(shù)的解決方法

    在ASP.NET?MVC下限制同一個IP地址單位時間間隔內(nèi)的請求次數(shù)的解決方法

    有時候,當用戶請求一個Controller下的Action,我們希望,在單位時間間隔內(nèi),比如每秒,每分鐘,每小時,每天,每星期,限制同一個IP地址對某個Action的請求次數(shù),如何做呢?這篇文章主要介紹了在ASP.NET?MVC下限制同一個IP地址單位時間間隔內(nèi)的請求次數(shù),需要的朋友可以參考下
    2024-01-01
  • ASP.NET Core Zero模塊系統(tǒng)講解

    ASP.NET Core Zero模塊系統(tǒng)講解

    本文詳細講解了ASP.NET Core Zero模塊系統(tǒng),對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-02-02
  • Elasticsearch.Net使用入門教程(1)

    Elasticsearch.Net使用入門教程(1)

    這篇文章主要為大家詳細介紹了Elasticsearch.Net使用入門教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11

最新評論