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
    974
    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
    36,780
    Vote Rating
    833
    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
    974
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi