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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar