多系列Ext Chart JS

Question

在 Ext.Charts 中，我想创建一个多系列图表（一个图表中的线 + 条），它从 C# 获取其存储中的数据。

这可能吗？有没有一个例子可以说明它是如何工作的。

Answer 1

绝对有可能！您在 extJS 演示页面本身中有一个带有 line + bar 的示例图：http://dev.sencha.com/deploy/dev/examples/chart/charts.html（请参阅最后一个带有 line 和 bar 的图表）

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

ExtJs 使用 store 来保存信息，您需要有一个 store，将数据加载到其中并将 store 与图表关联以呈现数据。

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 或代理 ExtJS 对象将您的商店与服务器端绑定。您需要指定从哪个 URL 获取数据。