Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    22
    Answers
    1
    Vote Rating
    0
    maxycini is on a distinguished road

      0  

    Default Answered: How to draw column charts without any space between columns

    Answered: How to draw column charts without any space between columns


    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']
    }
    ]

  2. It's working fine for me... i tried this code.
    Code:
    series: [{
                        type: 'column',
                        xField: 'name',
                    //    gutter : 0.5,
                    groupGutter : 1,
                        yField: ['data1', 'data2', 'data3'],
                    //    stacked: 'true',
                        axis: 'bottom',
                        highlight: true,
                        showInLegend: true
                    }]
    Attachment 37449

  3. #2
    Sencha User
    Join Date
    Dec 2011
    Location
    Hyderabad, India
    Posts
    117
    Answers
    6
    Vote Rating
    5
    Naga is on a distinguished road

      0  

    Default


    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

  4. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    22
    Answers
    1
    Vote Rating
    0
    maxycini is on a distinguished road

      0  

    Default Can you give me an example for the same

    Can you give me an example for the same


    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 ?

  5. #4
    Sencha User
    Join Date
    Dec 2011
    Location
    Hyderabad, India
    Posts
    117
    Answers
    6
    Vote Rating
    5
    Naga is on a distinguished road

      1  

    Default


    It's working fine for me... i tried this code.
    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
    Attached Images

  6. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    22
    Answers
    1
    Vote Rating
    0
    maxycini is on a distinguished road

      0  

    Default


    Thanks Naga it worked

Thread Participants: 1

Tags for this Thread