PDA

View Full Version : How to remove space between axes and column bar



extjs_Beginner
14 Aug 2015, 5:34 AM
Hi there,
How can I remove the space between column bar and axes.
I tried padding xPadding , gutter but its not working
I still have a space arount my div



var myChart = Ext.create('Ext.chart.Chart', {
renderTo: Ext.getBody(),
width: 350,
height: 250,
minWidth: 150,
minHeight: 50,
margin: '1 1 1 1',
padding: '1 1 1 1',
border: 1,
style: {
borderColor: 'blue',
borderStyle: 'solid'
},
shadow: false,
store: itemStore,
grid: false,
background: {
fill: '#fdd'
},
axes:
[
{
type: 'Numeric',
position: 'left',
hidden: true,
fields: ['dataValue']
},
{
type: 'Category',
position: 'bottom',
hidden: true,
fields: ['Timestamp'],
minimum : 0,

}
],
series:
[
{
type: 'bar',
highlight: true,
column: true,
gutter : 5,
showInLegend: false,
stacked: true,
xPadding : 0,
yPadding : 0,
yField: ['dataValue']
}
]
});

Gary Schlosberg
27 Aug 2015, 4:52 PM
Have you tried the insetPadding (http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.chart.Chart-cfg-insetPadding) config on the chart?

extjs_Beginner
27 Aug 2015, 11:22 PM
Have you tried the insetPadding (http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.chart.Chart-cfg-insetPadding) config on the chart?

I try it It works.
I also used : drawLabel: function(){ return null;
},
thanks =D>