1. #1
    Ext User
    Join Date
    Jan 2009
    Posts
    14
    Vote Rating
    0
    Killer_B is on a distinguished road

      0  

    Default Columnchart

    Columnchart


    I'm trying to display data in bar chart but I have a few problems.

    1. What's the difference between bar chart and column chart? I used one of the column charts from the example page and it showed bar chart that I like.

    2. I would like to change the bar width but I can't find any option like width or something simillar in API.

    3. Also I would like to set some right margin between the bars but I didn't find anything.

    Thanks for your help and sorry for the broken english

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    91
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    1. In a bar chart the bars are horizontal and in a column chart the bars are vertical.
    2. In the series definition specify style:{size:<x>} (for all options see here under "Series Styles").
    3. Between the bars of different series or between bars of the same series?

  3. #3
    Ext User
    Join Date
    Jan 2009
    Posts
    14
    Vote Rating
    0
    Killer_B is on a distinguished road

      0  

    Default


    Between the bars of different series.

  4. #4
    Ext User
    Join Date
    Jan 2009
    Posts
    14
    Vote Rating
    0
    Killer_B is on a distinguished road

      0  

    Default


    Between the bars of different series. And thank you for explanation, it helped me a lot.

  5. #5
    Ext User
    Join Date
    Jan 2009
    Posts
    14
    Vote Rating
    0
    Killer_B is on a distinguished road

      0  

    Default


    Don't want to start new topic.

    I would like to have two bars in one column. One will always be positive and second negative. I want to display them in the same place. I guess I would have to use StackedColumnChart. I tried that, but I couldn't find the right settings or maybe structure for series that would display tha columns like I want. They are displayed positive and negative columns, but they are not in the same place.

    I display the positive column first and then negative. The negative column is always to the right of the positive. What I want is to be directly under the positive column.

    Thanks for your help.

  6. #6
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    91
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    I don't think YUI Chart supports this. Can't you use a LineChart instead?

  7. #7
    Ext User
    Join Date
    Nov 2010
    Posts
    28
    Vote Rating
    0
    Niugeo is on a distinguished road

      0  

    Default


    Hi Condor,
    I've read this post and I need the same help of Killer_B.
    I'm using http://dev.sencha.com/deploy/dev/examples/chart/charts.html
    Look at the last chart, it is exactly what I need, but I've to change the width of the columns, or rather, I want no space between columns. Something like this .
    How can I modify the code? I'm using EXT from 2days, and I hope a simple modify of the code can help me.

    series: [{
    type: 'column',
    displayName: 'Page Views',
    //Nome dei valori lungo l'asse Y'
    yField: 'views',
    style: {
    image:'bar.gif',
    mode: 'stretch',
    color:0x99BBE8
    }
    },



    Ciao!

    Ps. it is possible to rotate 90° the string values (abscissa's value)along the X axis?

  8. #8
    Ext User
    Join Date
    Jan 2009
    Posts
    14
    Vote Rating
    0
    Killer_B is on a distinguished road

      0  

    Default


    As condor said: "In the series definition specify style:{size:<x>}"

    Yes you can rotate 90 deg. Use this:

    Code:
    xAxis: {
        labelRotation: -90
    },

  9. #9
    Ext User
    Join Date
    Nov 2010
    Posts
    28
    Vote Rating
    0
    Niugeo is on a distinguished road

      0  

    Default


    [26 Nov 2010]!!!SOLVED!!!

    Thank you Killer_B, I didn't expressed myself right, but I solved the problem!
    But now I ask you another trouble: if you see the source of this chart (the last one) you can see howEXTjs take the data do plot.
    data: [
    {name:'name', visits: 'number_visits', views: 'views'},
    ...........
    ]
    .Now, I put this code inside a big PHP script that create two big array of data. Using
    [
    {name:<php echo array1[$i];?>, visits:<?php echo array2[$i];?>, views: 'views'},
    ................
    ]
    I can put my data inside the chart. But it is possible to use a kind of "for cycle" to fit the data-field of the chart??
    Obviously I do not know how long will the arrays are, so here's the problem.


    Ps. probably this is a nonsense, but why it doesn't work with
    <?php echo "{name:'name', visits: 'number_visits', views: 'views}";> ?

Similar Threads

  1. Different Colour in columnchart
    By ridhopahwanae in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 18 Jun 2010, 1:06 AM
  2. Legend for a ColumnChart
    By crysfel in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 4 May 2010, 8:26 AM
  3. Clustered Stacked ColumnChart
    By appa in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 29 Oct 2009, 5:38 AM
  4. click Listener with columnChart
    By mkingry in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 29 Sep 2009, 8:45 AM
  5. columnchart and reload store
    By wehtam in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 22 Sep 2009, 11:14 AM

Thread Participants: 2

Tags for this Thread