Ext JS 4：从嵌套数据生成图表答案

【问题标题】：Ext JS 4: Generate Chart from nested DataExt JS 4：从嵌套数据生成图表
【发布时间】：2011-09-07 20:57:44
【问题描述】：

我的 Ext JS 4 应用中有两个模型：

Storageuse(日期, used_storage)

Webspace(name, hasmany: Storageuse)

我还有一个商店，它使用来自 URL 的嵌套 Storageuse 数据加载网络空间。

我想要做的是，有一个扩展窗口的视图，其中包含一个折线图，其中日期作为 x 轴，网络空间名称作为它的 y 轴，每个网络空间应该是一个系列（行图表）并通过这种方式绘制每个网络空间随时间变化的 used_storage。

这是否可以使用我描述的商店以某种方式实现，或者我是否必须再次以不同的 JSON 格式发送数据，以便图表可以直接使用它？

如果可能的话，你能给我一个关于如何在视图中执行此操作的示例吗？

【问题讨论】：

标签： javascript model-view-controller extjs charts extjs4

【解决方案1】：

你的意思是this？比你必须以下列方式构建你的 json：

store: new Ext.data.JsonStore({
    fields: [{
        name: 'year',
        type: 'int'
    },
    {
        name: 'x',
        type: 'int'
    },
    {
        name: 'y',
        type: 'int'
    }],
    data: [{
        year: 2010,
        x: 5,
        y: 3
    },
    {
        year: 2009,
        x: 8,
        y: 6
    }]
}),
xField: 'year',

【讨论】：