Ext version tested:

  • Ext 4.2 beta

Browser versions tested against:
  • Chrome
  • IE9

DOCTYPE tested against:
  • <!DOCTYPE html>

  • 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:

<!DOCTYPE html>
    <title>Chart axis length and width</title>

    <link rel="stylesheet" href="../resources/css/ext-all.css" />
    <script src="../ext-all-debug.js"></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