Question

在Ext.Charts中，我想创建一个多系列图表（一个图表中的行+栏），从C＃中获取其商店中的数据。

这可能吗？有没有一个例子可以请你展示解释它的工作原理。

Answer 1

绝对有可能！你在extJS演示页面中有一个带有行+条的示例图：http://dev.sencha.com/deploy/dev/examples/chart/charts.html（参考最后一个图表中的行和条）

关于从C＃获取数据。您只需要一个能够向您发送数据（XML或JSON）的URL。因此，您可以使用java，C＃，python，PHP或任何其他服务器端技术。

ExtJs使用商店来保存信息，您需要拥有商店，将数据加载到商店中并将商店与图表相关联以呈现数据。

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

<强>更新我已经解释了如何在我的博客中处理带有系列的图表。看看上面的链接。我有一个类似的图表（只是认为我正在使用折线图）。从服务器端返回的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设置为月份，将系列信息设置为sales和rev。

将您的商店与服务器端绑定是通过JsonReader或Proxy ExtJS对象完成的。您需要指定从哪个URL获取数据。

Multi Series Ext Chart JS

1 个答案: