ExtJS 4:从嵌套数据生成图表

Ext JS 4: Generate Chart from nested Data

本文关键字：数据 嵌套 ExtJS      更新时间：2023-09-26

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

存储用途（日期，已用_存储）

Webspace（名称，hasmany:Storageuse）

我还有一个存储区，它从URL加载带有嵌套Storageuse数据的Web空间。

我想做的是，有一个扩展窗口的视图，该窗口包含一个折线图，该折线图以日期为x轴，以Web空间名称为y轴，每个Web空间都应该是一个系列（图表中的线），通过这种方式绘制每个Web空间随时间的used_storage。

使用我描述的存储，这在某种程度上是可能的吗？还是我必须以不同的JSON形式再次发送数据，以便Chart可以直接使用它？

如果可能的话，你能给我一个如何在视图中做到这一点的例子吗？

你是这个意思吗？然后您必须以以下方式构建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',
相关文章：