REQUIRED INFORMATION

Ext version tested:
  • Ext 4.1.3
Browser versions tested against:
  • Chrome
  • IE9
DOCTYPE tested against:
  • <!DOCTYPE html>
Description:
  • A Radial axis doesn't show labels if aStore is configured with a memory proxy. It works if a Store is configured with a "data" config option.
Steps to reproduce the problem:
  • Just run the sample
The result that was expected:
  • The "Apples", "Oranges", "Pears" radial labels.
The result that occurs instead:
  • No radial labels.
Test Case:

Code:
<!DOCTYPE html>
<html>
<head>
    <title>RadialAxis labels</title>

    <link type="text/css" rel="stylesheet" href="../resources/css/ext-all.css" />
    
    <script type="text/javascript" src="../ext-all-debug.js"></script>

    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.create("Ext.chart.Chart", {
                renderTo: Ext.getBody(),
                height: 400,
                width: 500,
                axes: [{
                    type: "Radial",
                    position: "radial"
                }],
                series: [{
                    type: "radar",
                    xField: "Name",
                    yField: "Data"                    
                }],
                store: {
                    autoLoad: true,
                    fields: [{
                            name: "Name"
                        }, {
                            name: "Data"
                        }],
                    /* It works */
                    /*data: [{
                            Name: "Apples",
                            Data: 10
                        }, {
                            Name: "Oranges",
                            Data: 15
                        }, {
                            Name: "Pears",
                            Data: 20
                        }],*/
                    proxy: {
                        type: "memory",
                        reader: {
                            type: "json"
                        },
                        data: [{
                            Name: "Apples",
                            Data: 10
                        }, {
                            Name: "Oranges",
                            Data: 15
                        }, {
                            Name: "Pears",
                            Data: 20
                        }]
                    }
                }
            });
        });
    </script>
</head>
<body>

</body>
</html>


HELPFUL INFORMATION


Screenshots:
  • With the Store's data
1.JPG
  • With the memory proxy

2.JPG