1.AnyChart控件相關(guān)

顯示效果

2.AnyChart的簡單原理

AnyChart是一個Flash做的控件，原理圖在安裝了AnyChart后的說明文檔里面有，這里貼一下

其實很好理解，就是想辦法生成一個符合AnyChart解析的XML數(shù)據(jù)源，通過JavaScript綁定給報表文件(SWF)

3.在.Net中使用AnyChart

知道了原理，就好辦了。新建了一個項目

項目結(jié)構(gòu)如下：

js，swf兩個文件夾內(nèi)的文件是試用版提供的，可以查看說明文檔。在安裝目錄/anychart/help/docs/SimpleChart.html這一頁的底部，有一個Open Folder With Sample的鏈接，打開就能找到這幾個文件。而xml文件夾是我自己建的，用于存放數(shù)據(jù)源。

界面：

因為只是做一個小例子，界面上我只放了2個按鈕，隨意的給了個左對齊：

這兩個按鈕作用只是切換不同的報表而已，柱狀圖和曲線圖。接下來只要完成兩個部分：組裝XML文件，往頁面寫入js，就行了。

后臺：

我只寫了寥寥幾個方法：

///

/// 獲取DataSet

///

///

protected DataSet GetDataSet()

///

/// 創(chuàng)建出XML文件

///

/// 圖表類型

private void CreateXml(string SeriesTypeNode)

///

/// 創(chuàng)建客戶端腳本，在頁面后面添加腳本

///

/// 當(dāng)前頁實例

/// 腳本名稱

/// 要創(chuàng)建的腳本

public static void CreateStartupScript(Page page, string scriptName, string script)

獲取DataSet就不詳述了，每個人有自己不同的數(shù)據(jù)集。我的數(shù)據(jù)庫結(jié)構(gòu)如下：

報表要顯示的字段就TotalUser和Time兩個，TotalUse是Y軸，Time是X軸。怎么把數(shù)據(jù)放到XML文件中呢？這里，我們要分析一下AnyChart接受的XML文件的格式，拿自帶文檔中的SimpleChart章節(jié)的例子做說明，我們來看一下：

Sales of ACME Corp.

Sales

Retail Channel

可以看到，報表的數(shù)據(jù)就放在

series中的name屬性是這組數(shù)據(jù)的名字，type是報表顯示類型，這是Bar(柱狀圖)，point是這組數(shù)據(jù)的信息，name是X軸，y就是Y軸。所以，如果我們只是想獲得一個能顯示出圖像的報表，而暫時不管它那些復(fù)雜的表現(xiàn)設(shè)置的話，只要寫好data元素的內(nèi)容即可。

總結(jié)

以上是生活随笔為你收集整理的anychart java实例_在.Net开发中使用AnyChart的简单例子（上）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。