Ext JS 4:从嵌套数据生成图表

时间:2011-06-03 14:28:04

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

我的Ext JS 4应用程序中有两个模型:

Storageuse(date,used_storage)

Webspace(name,hasmany:Storageuse)

我还有一个商店,它使用来自URL的嵌套Storageuse数据加载Webspace。

我想做的是,有一个视图扩展一个窗口,其中包含一个折线图,其中日期为x轴,网站空间名称为y轴,每个网站空间应为一个系列(在线通过这种方式绘制每个网站空间的used_storage。

这是否可以使用我描述的商店或者我必须以不同的形式再次发送数据作为JSON,以便它可以直接被图表使用?

如果可以,您可以在视图中给我一个如何做到这一点的例子吗?

1 个答案:

答案 0 :(得分:0)

你的意思是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',