1. #1
    Sencha User
    Join Date
    Sep 2011
    Location
    Bangalore
    Posts
    169
    Vote Rating
    0
    samarth is on a distinguished road

      0  

    Default Implementation of Stacked Column Chart

    Implementation of Stacked Column Chart


    Hi folks,
    I am using ExtJS 3.4. I have implemented StackedBarChart that is working fine. I have same store have to implement StackedColumnChart. But when i used the same logic as in StackedBarChart then it is not coming full blank panel is coming. So is it different from stacked bar chart and stacked column chart in extjs 3.4??? Please help me in this issue.


    Thanks in advance.
    Samarth Manjunath

  2. #2
    Sencha User
    Join Date
    Jan 2011
    Posts
    541
    Vote Rating
    50
    willigogs is a jewel in the rough willigogs is a jewel in the rough willigogs is a jewel in the rough

      0  

    Default


    Example code which is failing?

  3. #3
    Sencha User
    Join Date
    Sep 2011
    Location
    Bangalore
    Posts
    169
    Vote Rating
    0
    samarth is on a distinguished road

      0  

    Default


    Quote Originally Posted by willigogs View Post
    Example code which is failing?
    Code:
    var BarChart=new Ext.Panel({ 
       iconCls:'chart', 
       frame:true,
       layout:'anchor',
       autoScroll:true, 
       split: true, 
       hidden:true,  
      anchor: '100%, 100%',  
      width: '100%',
        fullscreen: true,   
     items: {   
      xtype: 'stackedcolumnchart',   
      store:storer,   
      animate: true,  
       id:'barchart',     
        yField: 'codenumber',      
       xAxis: new Ext.chart.NumericAxis({       
          displayName: 'Code Number',      
               stackingEnabled: true,   
                 labelRenderer : Ext.util.Format.numberRenderer('0,0')     
       }),  
     tipRenderer : function(chart, record, index, series)  {   
       // function logic
      }, 
    chartStyle: {  
      padding: 15,   
     animate: true,  
      majorTickSteps:'1:1',   
     autoWidth:true,  
      legend:    {     
       padding: 3,   
      autoWidth:true,  
      },   
     dataTip: {  
         padding: 10,    
         animationEnabled: true, 
       },  
     xAxis: {   
      showLabels:true, 
       },   yAxis: { 
       showLabels:true,
        }  }, 
    axes: [{   
      id: 'tcleftaxis', 
      type: 'Numeric', 
      position: 'left',  
      fields: ['Count1' ,'Count2','Count3','Count4','Count5','Count6','Count7'], 
      grid: false,
    }, 
    {
       type: 'Category', 
       position: 'right',
       fields: ['code']  
     }], 
     series: [{  
           type:'bar',  
           displayName: 'count1',   
            xField: 'Count1',
            axis: 'bottom', 
           displayName:'Count1', 
           highlight: true, 
      },{
           type:'bar',
          displayName: 'count2',
          xField: 'Count2',
          axis: 'bottom',
         displayName:'Count2',
         highlight: true,   
    },{ 
          type:'bar',
         displayName: 'count3', 
          xField: 'Count3',
          axis: 'bottom', 
         displayName:'Count3', 
         highlight: true,
       },{ 
           type:'bar',
          displayName: 'count4',
          xField: 'Count4',
          axis: 'bottom',
         displayName:'Count4',
         highlight: true,
     },{  
           type:'bar',
          displayName: 'count5',
          xField: 'Count5',
          axis: 'bottom',
          displayName:'Count5',
          highlight: true,  
     },{ 
          type:'bar',
         displayName: 'count6',
         xField: 'Count6',
         axis: 'bottom',
        displayName:'Count6',
         highlight: true,
     },{   
          type:'bar',
          displayName: 'count7',
          xField: 'Count7',
          axis: 'bottom',
          displayName:'Count7',
           highlight: true,   
    }]
    }
    });
    Samarth Manjunath

Thread Participants: 1

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