原創(chuàng)|其它|編輯:郝浩|2012-10-31 11:00:44.000|閱讀 1261 次
概述:AnyChart能夠從任意的數(shù)據(jù)源得到數(shù)據(jù),能夠在任意的平臺傳輸數(shù)據(jù),創(chuàng)建多種類型的圖表,也可以在任何的客戶端進行顯示。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
AnyChart能夠從任意的數(shù)據(jù)源得到數(shù)據(jù),能夠在任意的平臺傳輸數(shù)據(jù),創(chuàng)建多種類型的圖表,也可以在任何的客戶端進行顯示。
獲取XML數(shù)據(jù)來配置圖表,您可以提供XML文件,或使用AnyChart組件的服務(wù)器端或客戶端腳本動態(tài)地創(chuàng)建XML數(shù)據(jù)。
我們來看看這個進程是如何進行的:
1、從服務(wù)器端獲取XML數(shù)據(jù)文件
這種方式獲取數(shù)據(jù)時,你最好有一些參數(shù)的腳本頁,定義哪些數(shù)據(jù)應(yīng)該顯示,這是使用Flash圖表最常見的方法,它可以很容易地使用任何腳本語言組織。
如下所示:
2、使用Javascript語言從服務(wù)器獲取XML數(shù)據(jù)文件的內(nèi)容
當(dāng)某些用戶從頁面不刷新操作/值的情況下,要顯示新的圖表,這AJAX風(fēng)格的方法效果最好。、使用AnyChart外部函數(shù)來創(chuàng)建這樣的頁面。
3、使用Javascript語言從服務(wù)器中獲取XML數(shù)據(jù)文件的URL
此JavaScript方法幾乎和前一個方法相同,但你需要設(shè)置XML數(shù)據(jù)的URL ,而不是作為字符串設(shè)置所有XML。使用AnyChart外部函數(shù)來創(chuàng)建這樣的頁面
XML 例子描述:
在這個例子中將演示如何將表中的數(shù)據(jù)轉(zhuǎn)換成AnyChart XML,來看看使用下面的數(shù)據(jù),幾個經(jīng)理的在一個季度中的銷售來創(chuàng)建愛的柱行圖。
這個表可以通過簡單的查詢語句從數(shù)據(jù)庫中返回,如下:
SELECT sales_name, sum(sales) FROM tbl_orders GROUP BY sales_name
現(xiàn)在,我們需要將這個數(shù)據(jù)表轉(zhuǎn)換成XML ,這種格式將會被AnyChart接受。在AnyChart數(shù)據(jù)模型中,我們有一個系列的數(shù)據(jù)(銷售部)類別有經(jīng)理的名字,系列中的每個點代表一個經(jīng)理和他/她的銷售,轉(zhuǎn)換的XML數(shù)據(jù)如下:
<data> <series name="Sales" type="Bar"> <point name="John" y="10000" /> <point name="Jake" y="12000" /> <point name="Peter" y="18000" /> <point name="James" y="11000" /> <point name="Mary" y="9000" /> </series> </data>
正如你可以看到,我們已經(jīng)創(chuàng)建了一個<series>節(jié)點,指定其類型=“bar”,添加的幾個<point>節(jié)點,并設(shè)置主要是用于定義列類別的x屬性和定義列的值的y屬性。
可以組織使用任何腳本/編程語言進行這種轉(zhuǎn)換,遍歷查詢結(jié)果格以及式化輸出字符串。
最后確定創(chuàng)建XML圖表是在<chart>節(jié)點中定義的plot_type="CategorizedVertical" ,這時,AnyChart 現(xiàn)在可以直觀顯示您的數(shù)據(jù)。如下所示:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件