Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. 13 Sep 2012 12:40 PM #1
    Daniil
    Daniil is offline
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    678
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough
      0  

    Default [4.1.1 GA] LineSeries style config option seems to be competely ignored

    [4.1.1 GA] LineSeries style config option seems to be competely ignored


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.1.1 GA
    Browser versions tested against:
    • Chrome
    • FireFox
    • IE
    Description:
    • LineSeries style config option seems to be competely ignored.
    Steps to reproduce the problem:
    • Run the sample
    The result that was expected:
    • The stylized line according the "style" option.
    The result that occurs instead:
    • No setting of the "style" seems to be applied. The lines with "style" and without looks the same.
    Test Case:

    Code:
    <html>
<head>
    <title>Chart LineSeries stroke</title>

    <link type="text/css" rel="stylesheet" href="../resources/css/ext-all.css" />
    
    <script type="text/javascript" src="../ext-all.js"></script>

    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.create("Ext.chart.Chart", {
                renderTo: Ext.getBody(),
                height: 400,
                width: 400,
                axes: [{
                    position: "bottom",
                    title: "X",
                    fields: ["x"],
                    type: "Numeric"
                }, {
                    position: "left",
                    title: "Y",
                    fields: ["y"],
                    type: "Numeric"
                }],
                series: [{
                    type: "line",
                    title: "LineSeries",
                    xField: "x",
                    yField: "y",
                    style: {
                        stroke: "#FF0000",
                        "stroke-width": 15,
                        opacity: 0.1,
                        fill: '#80A080'
                    }
                }],
                store: {
                    fields: [{
                        name: "x"
                    }, {
                        name: "y"
                    }],
                    autoLoad: true,
                    proxy: {
                          type: 'memory',
                        data: [{
                            x: 0,
                            y: 0
                        }, {
                            x: 100,
                            y: 100
                        }]
                    }
                }
            });
        });
    </script>
</head>
<body>

</body>
</html>

    Reply With Quote Reply With Quote
  2. 16 Sep 2012 5:04 PM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,582
    Vote Rating
    433
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    4.1.2 seems to have some styles applied to it.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

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

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 16 Sep 2012 5:07 PM #3
    evant
    evant is offline
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    15,066
    Vote Rating
    96
    evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold evant is a splendid one to behold
      0  

    Default


    I can't reproduce this on the latest code, see the screenshot, one with style, one without.
    Attached Images
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!
    Reply With Quote Reply With Quote
  4. 16 Sep 2012 10:10 PM #4
    Daniil
    Daniil is offline
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    678
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough
      0  

    Default


    Hi Mitchell and Evan,

    Thank you for the answers!

    Please clarify won't 4.1.2 be public?
    Reply With Quote Reply With Quote
  5. 21 Sep 2012 4:09 AM #5
    Daniil
    Daniil is offline
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    678
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough
      0  

    Default


    Hi again,

    Confirm, "stroke-width" works well with 4.1.2.

    But "opacity" appears to be not working in IE9.
    Attached Images
    Reply With Quote Reply With Quote