You found a bug! We've classified it as EXTJS-8154 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    975
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      2  

    Default [4.2.0 beta] Chart Area series style fill option is ignored

    [4.2.0 beta] Chart Area series style fill option is ignored


    Edit:

    Generally, it is a dupe of:
    http://www.sencha.com/forum/showthread.php?243382

    REQUIRED INFORMATION


    Ext version tested:
    • Ext 4.2.0 beta
    Browser versions tested against:
    • Chrome
    • IE9
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description:
    • The fill option of Area series style is ignored.
    • Applying the fill option in the renderer works.
    Steps to reproduce the problem:
    • Just run the sample
    The result that was expected:
    • The red area
    The result that occurs instead:
    • It is green as by default.
    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Chart AreaSeries style fill doesn't work</title>
    
        <link rel="stylesheet" href="../resources/css/ext-all.css" />
        
        <script src="../ext-all-debug.js"></script>
    
        <script>
            Ext.onReady(function () {
                Ext.create("Ext.chart.Chart", {
                    renderTo: Ext.getBody(),
                    width: 300,
                    height: 300,
                    store: {
                        fields: [{
                            name: "x",    
                        }, {
                            name: "y"    
                        }],
                        data: [{
                            x: 0,
                            y: 20
                        }, {
                            x: 1,
                            y: 30
                        }]
                    },
                    axes: [{
                        type: "numeric",
                        fields: [ "x" ],
                        position: "bottom",
                        title: "X"
                    }, {
                        type: "numeric",
                        fields: [ "y" ],
                        position: "left",
                        title: "Y"
                    }],
                    series: [{
                        type: "area",
                        xField: "x",
                        yField: "y",
                        style: {
                            fill: "red",
                            opacity: 0.5
                        }
    
                        // Workaround
                        //, renderer: function (sprite, record, attributes) {
                        //    attributes.fill = "red";
    
                        //    return attributes;
                        //}
                    }]
                });
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,329
    Vote Rating
    848
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Will link these to ensure both are taken care of.

    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    975
    Vote Rating
    110
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default


    Thank you, Mitchell.
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

Thread Participants: 1