How to draw column charts without any space between columns

[maxycini]

Hello,

I ave created a column chart, but my requirement is to show the columns grouped together without any space in between. How can we achieve that?

below is the current chart i am getting
chart.png

and below is my chart series and axes code
axes: [
{
type: 'Numeric',
position: 'left',
fields: ['data1', 'data2', 'data3'],
minimum: 0,
},
{
type: 'Category',
position: 'bottom',
fields: ['timeframe'],
title: ''
}
],
series: [
{
type: 'column',
axis: 'left',
xField: 'timeframe',
yField: ['data1', 'data2', 'data3']
}
]

[Naga]

You can use gutter option to reduce the space between the columns......

you can refer to this link
http://docs.sencha.com/touch-charts/...Bar-cfg-gutter

[maxycini]

I have tried using gutter in three ways but it didnt work

series: [
{
type: 'column',
axis: 'left',
highlight: true,
gutter : 1,
config : {
gutter : 1
},
getGutters:function(){
return[1,1];
}
}
]

so am i doing something wrong ?

[Naga]

It's working fine for me... i tried this code.

series: [{
                    type: 'column',
                    xField: 'name',
                //    gutter : 0.5,
                groupGutter : 1,
                    yField: ['data1', 'data2', 'data3'],
                //    stacked: 'true',
                    axis: 'bottom',
                    highlight: true,
                    showInLegend: true
                }]

Untitled.jpg

[maxycini]

Thanks Naga it worked