HOw to remove top toolbar from Ext.chart.Panel?

[anaP]

Hi
I am using Sencha Touch charts.
But I dont want to display top toolbar in Ext.chart.Panel.
what is the way to hide it?
here is my code

createPanel = function (chart) {
    return Ext.create('Ext.chart.Panel', {
     
        chart: chart
    });
};

columnPanel = createPanel(new Ext.chart.Chart({        themeCls: 'column1',
        animate: {
            easing: 'bounceOut',
            duration: 750
        },
        store: ColumnChartStore,
        shadow: false,
        gradients: [
        {
            'id': 'v-1',
            'angle': 0,
            stops: {
                0: {
                    color: 'rgb(212, 40, 40)'
                },
                100: {
                    color: 'rgb(117, 14, 14)'
                }
            }
        },
        {
            'id': 'v-2',
            'angle': 0,
            stops: {
                0: {
                    color: 'rgb(180, 216, 42)'
                },
                100: {
                    color: 'rgb(94, 114, 13)'
                }
            }
        },
        {
            'id': 'v-3',
            'angle': 0,
            stops: {
                0: {
                    color: 'rgb(43, 221, 115)'
                },
                100: {
                    color: 'rgb(14, 117, 56)'
                }
            }
        },
        {
            'id': 'v-4',
            'angle': 0,
            stops: {
                0: {
                    color: 'rgb(45, 117, 226)'
                },
                100: {
                    color: 'rgb(14, 56, 117)'
                }
            }
        },
        {
            'id': 'v-5',
            'angle': 0,
            stops: {
                0: {
                    color: 'rgb(187, 45, 222)'
                },
                100: {
                    color: 'rgb(85, 10, 103)'
                }
            }
        }
        ],
        axes: [
        {
            type: 'Numeric',
            position: 'left',
            fields: ['Distributor_Margin'],
            minimum: 0,
            maximum: 100,
            label: {
                renderer: function (v) {
                    return v.toFixed(0);
                }
            },
            title: 'Distributor Margin'
        },
        {
            type: 'Category',
            position: 'bottom',
            fields: ['Product'],
            title: 'Products'
        }
        ],
        series: [
        {
            type: 'column',
            axis: 'left',
            highlight: true,
            renderer: function (sprite, storeItem, barAttr, i, store) {
                barAttr.fill = "url(#v-" + (i % colors.length + 1) + ")";
                return barAttr;
            },
            label: {
                field: 'Distributor_Margin'
            },
            xField: 'Product',
            yField: 'Distributor_Margin'
        }
        ],
        interactions: [
        {
            type: 'panzoom',
            axes: ['bottom']
        }
        ]
    }));
    Ext.getCmp('chartDisplay').add(columnPanel);

thanks in advance.

[bkcharan]

I am facing a similar need. Is this possible?

[bkcharan]

hidden the first item of the panel and it worked. incase if anyone looking.. this is what I did and it worked

this.items.items[0].hide()