You found a bug! We've classified it as EXTJSIV-8113 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    678
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough

      1  

    Default [4.2b] Chart Axis length and width doesn't work

    [4.2b] Chart Axis length and width doesn't work


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.2 beta
    Browser versions tested against:
    • Chrome
    • IE9
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description:
    • The length and width settings of the Chart Axis appears to be not working.
    Steps to reproduce the problem:
    • Just run the sample
    The result that was expected:
    • Any effect of the length and width settings
    The result that occurs instead:
    • I can't see any difference with those settings and without
    • Actually, I am trying to shift "Monday" to the right. Not 100% sure what exactly I should use - length or width.
    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Chart axis length and width</title>
    
        <link rel="stylesheet" href="../resources/css/ext-all.css" />
        
        <script src="../ext-all-debug.js"></script>
    
        <script>
            Ext.onReady(function () {
                Ext.create(Ext.chart.Chart, {
                    renderTo: Ext.getBody(),
                    height: 400,
                    width: 400,
                    axes: [{
                        type: "Category",
                        position: "bottom",
                        title: "Day",
                        fields: ["day"],
                        length: 100,
                        width: 100
                    }, {
                        type: "Numeric",
                        position: "left",
                        title: "Y",
                        fields: ["y"]
                    }],
                    series: [{
                        type: "line",
                        title: "Chart",
                        xField: "day",
                        yField: "y"
                    }],
                    store: {
                        fields: [{
                            name: "day"
                        }, {
                            name: "y"
                        }],
                        data: [{
                            day: "Monday",
                            y: 0
                        }, {
                            day: "Tuesday",
                            y: 50
                        }]
                    }
                });
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>

    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,581
    Vote Rating
    433
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.