Threaded View

  1. #1
    Sencha User
    Join Date
    Feb 2009
    Posts
    107
    Vote Rating
    0
    marman is on a distinguished road

      0  

    Default Stacked Bar Chart help

    Stacked Bar Chart help


    I am having two issues with my stacked bar chart and was hoping someone could help point out where i am going wrong.
    1. The scale of the chart is several orders of magnitude off. The dataset is the same as what i have in my grid below the chart
    2. How can i make the legend display "friendly" labels, like: "No Join Data" rather than the field from my dataset: noJoinData

    Code:
    	var myPageSize = 7; // server script should only send back 25 items at a time
    
        //--create the data store
        var myStore = new Ext.data.Store({
            model: 'CipSummary'
    		,pageSize: myPageSize
        });
        
        
        var panel1 = Ext.create('widget.panel', {
            width: 700,
            height: 350,
            title: 'Last 7 Days',
            renderTo: 'cipSummary-chart',
            layout: 'fit',
            items: {
                xtype: 'chart',
                animate: true,
                shadow: true,
                store: myStore,
                legend: {
                    position: 'right'
                },
                axes: [{
                    type: 'Numeric',
                    position: 'bottom',
                    //fields: ['numNoJoinData', 'numNoUpdatedData', 'numUnexpectedError','numNullResponse' ,'numSent' ,'numFailed' ,'numNullMsgResult' ,'numNoCipFound'],
    				fields: ['numNoJoinData', 'numNoUpdatedData', 'numUnexpectedError','numNullResponse', 'numSent', 'numFailed','numNullMsgResult'],
                    title: false,
                    grid: true,
                    label: { renderer: Ext.util.Format.numberRenderer('0,0') },
                }, {
                    type: 'Category',
                    position: 'left',
                    fields: ['dayId'],
                    title: false
                }],
                series: [{
                    type: 'bar',
                    axis: 'bottom',
                    gutter: 80,
                    xField: 'dayId', 
                    yField: ['numNoJoinData', 'numNoUpdatedData', 'numUnexpectedError','numNullResponse', 'numSent', 'numFailed','numNullMsgResult'],
                    stacked: true,
                    tips: {
                        trackMouse: true,
                        width: 65,
                        height: 28,
                        renderer: function(storeItem, item){
                            //this.setTitle( String(item.value[1]) );
                        }
                    }
                }]
            }
        });
        
        
        //--manually load local data
        myStore.loadPage(1);
    Attached Images

Similar Threads

  1. Stacked Column Chart in Ext JS
    By extDev in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 7 Jan 2011, 2:30 PM
  2. Location of Keys in stacked bar chart
    By lalit_lmc in forum Ext GWT: Discussion
    Replies: 0
    Last Post: 3 Dec 2010, 3:59 AM
  3. Stacked bar chart layout
    By Jba in forum Ext GWT: Discussion
    Replies: 0
    Last Post: 26 May 2010, 2:12 AM
  4. ChartListener for Stacked bar chart
    By kamisama in forum Ext GWT: Discussion
    Replies: 7
    Last Post: 4 Feb 2010, 12:39 PM
  5. Stacked Bar Chart Bar Width/Thickness
    By mathec in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 16 Oct 2009, 10:56 AM

Thread Participants: 4

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi