Treemap not working

[TrexXx]

Hi,

I'm trying to use the treemap chart with a in memory TreeStore and it does not work, here is my code :

Ext.setup({
    onReady: function() {
        new Ext.chart.Panel({
            fullscreen: true,
            chart: new Ext.chart.Chart({
                store: new Ext.data.TreeStore({
                    fields: ['name', 'area', 'children', 'id'],
                    data: {
                        name: 'Budget',
                        area: 1,
                        id: 'root',
                        children: [{
                            name: 'Defense',
                            id: 'defense',
                            area: 0.5,
                            children: []
                        }, {
                            name: 'Education',
                            id: 'education',
                            area: 0.3,
                            children: []
                        }, {
                            name: 'Debt',
                            id: 'debt',
                            area: 0.2,
                            children: []
                        }]
                    },
                    proxy: 'memory'
                }),
                series: [{
                    type: 'treemap',
                    layout: 'squarified',
                    orientation: 'horizontal',
                    rootName: 'Budget',
                    titleField: 'name',
                    areaField: 'area'
                }]
            })
        });
    }
});

Can you tell what am I missing ? Thanks

[mitchellsimoens]

For the TreeStore you shouldn't use the data config, you should use the root config.

[TrexXx]

Thanks for you answer, I tried to change data to root in my store but it does not change anything :

Ext.setup({
    onReady: function() {
        new Ext.chart.Panel({
            fullscreen: true,
            chart: new Ext.chart.Chart({
                store: new Ext.data.TreeStore({
                    fields: ['name', 'area', 'children', 'id'],
                    root: {
                        name: 'Budget',
                        area: 1,
                        id: 'root',
                        children: [{
                            name: 'Défense',
                            id: 'defense',
                            area: 0.5,
                            children: []
                        }, {
                            name: 'Education',
                            id: 'education',
                            area: 0.3,
                            children: []
                        }, {
                            name: 'Dette',
                            id: 'debt',
                            area: 0.2,
                            children: []
                        }]
                    },
                    proxy: 'memory'
                }),
                series: [{
                    type: 'treemap',
                    layout: 'squarified',
                    orientation: 'horizontal',
                    rootName: 'Budget',
                    titleField: 'name',
                    areaField: 'area'
                }]
            })
        });
    }
});

[TrexXx]

For those of you who might have the problem I just forgot to include the offset property in my serie.