Chart ColumnSeries yField issue

**Daniil** · 14 Nov 2012 8:18 AM

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>

**mitchellsimoens** · 15 Nov 2012 6:46 AM

Thanks for the report.

Chart ColumnSeries yField issue

Thread Tools

Search Thread

Display

Chart ColumnSeries yField issue

Chart ColumnSeries yField issue