REQUIRED INFORMATION

Ext version tested:
  • Ext 4.1.3
Browser versions tested against:
  • IE9
  • Chrome
DOCTYPE tested against:
  • <!DOCTYPE html>
Description:
  • If yField is set up using a string, not an array of strings, then there is the first letter only in the Tip renderer. (Obviously, there is yField[0]. It needs to check there - it is an array or a string.)
Steps to reproduce the problem:
  • Move the mouse over the columns
The result that was expected:
  • "someYField" in the tip
The result that occurs instead:
  • Just "s" in the tip
Test Case:
Code:
<!DOCTYPE html>
<html>
<head>
    <title>Chart yfield</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: 400,
                store: {
                    fields: [{
                        name: "x"
                    }, {
                        name: "someYField"
                    }],
                    storeId: "ctl03",
                    autoLoad: true,
                    proxy: {
                        type: "memory",
                        data: [{
                            x: 25,
                            someYField: 25
                        }, {
                            x: 50,
                            someYField: 50
                        }, {
                            x: 100,
                            someYField: 100
                        }]                        
                    }
                },
                axes: [{
                    position: "bottom",
                    title: "X",
                    fields: ["x"],
                    type: "Numeric"
                }, {
                    position: "left",
                    title: "Y",
                    fields: ["someYField"],
                    type: "Numeric"
                }],
                series: [{
                    type: "column",
                    xField: "x",
                    yField: "someYField",                    
                    tips: {
                        xtype: "tooltip",
                        trackMouse: true,
                        renderer: function (storeItem, item) {
                            this.setTitle(item.yField);
                        }
                    }
                }]
            });
        });
    </script>
</head>
<body>

</body>
</html>