Results 1 to 4 of 4

Thread: how to rotate axis in stackedbarchart in extjs 3.4

  1. #1
    Sencha User
    Join Date
    Feb 2013
    Location
    INDIA
    Posts
    51

    Default how to rotate axis in stackedbarchart in extjs 3.4

    hi every body ,
    i am using extjs 3.4 stackedbarchart and i want to horizontal stackedbarchart ,i am confuse how to set the property here is my code :

    {
    store: weeklyInstalationGraph(),
    xtype: 'stackedbarchart',
    id:'stackedbarchartId',
    yField: 'parseWeek',
    xAxis: new Ext.chart.NumericAxis({
    stackingEnabled: true,
    rotation: 90 ,
    labelRenderer: roundchart()
    }),
    series: [{
    xField: 'Android',

    displayName: 'Android'
    },{
    xField: 'Java',
    displayName: 'JAVA'
    },{
    xField: 'J2ME',
    displayName: 'J2ME'
    },{
    xField: 'javascript',
    displayName: 'Java Script'
    }],
    extraStyle: {
    xAxis: {
    labelRotation: 90 //-90 through 90
    },
    yAxis: {
    labelRotation: 90 //-90 through 90
    }
    },

  2. #2
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165

    Default

    I'm not seeing rotation as a config option for NumericAxis. Is orientation what you're looking for perhaps?
    http://docs.sencha.com/extjs/3.4.0/#...ty-orientation

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Location
    INDIA
    Posts
    51

    Default

    thanks for reply ,
    but i am use the orientation but my graph has no changes here is the image of my graph i want it vertical.myimage.png

  4. #4
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165

    Default

    Looks like you're looking for the extraStyle config on the chart:
    http://docs.sencha.com/extjs/3.4.0/#...cfg-extraStyle

    See the source on this example (this one uses xAxis, but about gets you there):
    http://dev.sencha.com/deploy/ext-3.4...oad-chart.html

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •