2011-02-18 70 views
1

在Ext.Charts中,我想創建一個多系列圖表(在一個圖表中的line + bar),它從C#中獲取其存儲中的數據。Multi Series Ext Chart JS

這可能嗎?有沒有一個例子可以讓你解釋它是如何工作的。

回答

3

絕對有可能!你在extJS演示頁面上有一個帶有line + bar的示例圖表:http://dev.sencha.com/deploy/dev/examples/chart/charts.html(請參考最後一個帶有線條的圖表)

關於從C#中獲取數據..所有你需要的是一個URL,它會向你發送數據XML或JSON)。所以,你可以有java,C#,python,PHP或其他服務器端技術。

ExtJs使用商店來保存信息,您需要有一個商店,將數據加載到該商店中,並將該商店與該圖表關聯以呈現數據。

PS:我有一系列的教程在我的博客 - http://technopaper.blogspot.com/2010/05/getting-started-with-extjs-charts.html

UPDATE 我已經解釋瞭如何處理與圖表在我的博客系列。看看上面的鏈接。我有一個類似的圖表(只能想到我正在使用折線圖)。從服務器端返回的json數組:

[ 
{month:'Jan', sales: 2000, rev: 3000},{month:'Feb', sales: 1800, rev: 2900}, 
{month:'Mar', sales: 1500, rev: 3100},{month:'Apr', sales: 2150, rev: 2500}, 
{month:'May', sales: 2210, rev: 2700},{month:'Jun', sales: 2250, rev: 2900}, 
{month:'Jul', sales: 2370, rev: 2800},{month:'Aug', sales: 2500, rev: 2600}, 
{month:'Sep', sales: 3000, rev: 3400},{month:'Oct', sales: 2580, rev: 3250}, 
{month:'Nov', sales: 2100, rev: 3000},{month:'Dec', sales: 2650, rev: 3300} 
] 

在此我有兩個數據(銷售收入)和一個軸信息(一個月)。因此,您需要將您的xAxis設置爲月,並將系列信息設置爲銷售額和轉化率。

通過JsonReader或Proxy ExtJS對象綁定存儲與服務器端。您需要指定您需要從哪個URL獲取數據。

+0

謝謝我已經得到它與J​​SON JavaScript存儲區的工作,但我想要的數據是在C#字典# – InfoLearner 2011-02-18 14:22:47