Графики в ExtJS3

Я использую ExtJS3 и хочу поместить эту диаграмму в панель с динамическим хранилищем http://dev.sencha.com/deploy/ext-3.4.0/examples/chart/pie-chart.html

Я попытался включить эту диаграмму в код своей панели, но это не сработало. У кого-нибудь есть решение или пример для диаграммы, включенной в панель в ExtJS3?

Спасибо


charts extjs3
person Fares Omrani    schedule 07.01.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я использовал ваш пример для создания диаграммы с использованием динамического хранилища:

Ext.chart.Chart.CHART_URL = 'http://dev.sencha.com/deploy/ext-3.4.0/resources/charts.swf';

Ext.onReady(function(){
    var store = new Ext.data.JsonStore({
    url: "sample_data.php",
    root: 'results',
    fields: [
         {name: 'season'},
         {name: 'total'}
    ]
});

    new Ext.Panel({
        width: 400,
        height: 400,
        title: 'Pie Chart with Legend - Favorite Season',
        renderTo: 'container',
        items: {
            store: store,
            xtype: 'piechart',
            dataField: 'total',
            categoryField: 'season',
            //extra styles get applied to the chart defaults
            extraStyle:
            {
                legend:
                {
                    display: 'bottom',
                    padding: 5,
                    font:
                    {
                        family: 'Tahoma',
                        size: 13
                    }
                }
            }
        }
    });
});

где http://dev.sencha.com/deploy/ext-3.4.0/resources/charts.swf — это цель, где вы можете найти диаграмму, а sample_data.php возвращает следующий json:

{"results":[
    {"total":"150","season":"Summer"},
    {"total":"245","season":"Fall"},
    {"total":"117","season":"Winter"},
    {"total":"184","season":"spring"}
]}

Примечание. Обычно это должен быть локальный ресурс.

Надеюсь это поможет.

person AxxA Osiris    schedule 06.02.2013