2011-02-18 63 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