Ext JS 4: сгенерировать диаграмму из вложенных данных

#javascript #model-view-controller #extjs #charts #extjs4

#javascript #модель-представление-контроллер #extjs #Диаграммы #extjs4

Вопрос:

У меня есть две модели в моем приложении Ext JS 4:

Использование хранилища (date, used_storage)

Веб-пространство (имя, множество: Storageuse)

У меня также есть хранилище, которое загружает веб-пространства с вложенными данными Storageuse с URL.

Что я хотел бы сделать, так это иметь представление, расширяющее окно, которое содержит линейную диаграмму, которая имеет дату в качестве оси x, название веб-пространства в качестве оси y, и каждое веб-пространство должно быть серией (строка на диаграмме), и таким образом отображать used_storage с течением времени для каждого веб-пространства.

Возможно ли это каким-то образом с использованием хранилища, которое я описал, или мне нужно отправить данные в другой раз в другой форме как JSON, чтобы их можно было напрямую использовать в диаграмме?

Если это возможно, можете ли вы привести мне пример того, как это сделать в представлении?

Ответ №1:

Вы имеете в виду это? Затем вам нужно создать свой 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',