Results 1 to 7 of 7

Thread: Stacked Bar Chart help

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Feb 2009
    Vote Rating

    Default 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

    	var myPageSize = 7; // server script should only send back 25 items at a time
        //--create the data store
        var myStore = new{
            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
    Attached Images 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

Posting Permissions

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