HOw to remove top toolbar from Ext.chart.Panel?
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
Code:
createPanel = function (chart) {
return Ext.create('Ext.chart.Panel', {
chart: chart
});
};
Code:
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.
