1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    10
    Vote Rating
    0
    Gayathiri is on a distinguished road

      0  

    Default EXTJS Chart Axes Title

    EXTJS Chart Axes Title


    Am having a chart which gets its data on clicking another chart. But, initially when the chart is loaded in the page, i want the chart axes to be displayed. In this case, only the y-axis is getting displayed, not the x-axis. Could anyone please help me in resolving this issue?
    Below is the screenshot, and The second chart should be displaying the x-axis, when store is empty


    Code:
    var chart4 = Ext.create('Ext.chart.Chart', {
            id : 'chart4',
            xtype : 'chart',
            theme : 'Campus',
            animate : true,
            shadow : true,
            height : 150,
            width : 600,
            store : LicenseFuncStore,
    
            axes : [{
                type : 'Numeric',
                position : 'left',
                fields : ['NumUsed'],
                label : {
                    renderer : Ext.util.Format.numberRenderer('0,0')
                },
                title : LANG.LCT1y,
                grid : true,
                minimum : 0,
                maximum : 100
    
            }, {
                type : 'Category',
                position : 'bottom',
                fields : 'Title',
                title : LANG.LCT1x
            }],
            series : [{
                type : 'column',
                axis : 'left',
                hightlight : true,
                tips : {
                    trackMouse : true,
                    width : 140,
                    height : 28,
                    renderer : function(storeItem, item) {
                        this.setTitle(storeItem.get('Title') + ':' + storeItem.get('NumUsed'));
                    }
                },
                label : {
                    display : 'insideEnd',
                    'text-anchor' : 'middle',
                    field : 'NumUsed',
                    renderer : Ext.util.Format.numberRenderer('0'),
                    orientation : 'vertical',
                    color : '#333'
                },
                xField : 'Title',
                yField : 'NumUsed'
            }]
    
        });
    New Picture.png

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I believe this happens when it doesn't know what data points to use it doesn't deal with that axis.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread