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