Results 1 to 2 of 2

Thread: Chart ColumnSeries yField issue

Hybrid View

Previous Post Previous Post   Next Post Next Post
    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-7759 in a recent build.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    1,017
    Vote Rating
    125
      1  

    Default Chart ColumnSeries yField issue

    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>

    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    Thanks for the report.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •