Results 1 to 8 of 8

Thread: Possible Bug, Legend toggle function doesn't work without shadow on Scatter Chart

    Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    2
    Vote Rating
    0
      0  

    Default Possible Bug, Legend toggle function doesn't work without shadow on Scatter Chart

    Hi

    This is my chart, on Ext js 4.0.7:

    Code:
        var chartCmp = new Ext.chart.Chart({
            height: 500,
            width: 700,
            shadow: true,
            animate: false,
            legend: {
                position: 'bottom'  
            },
            store: MyStore,
            axes: [{
                type: 'Numeric',
                position: 'bottom',
                fields: ['QUANTITY'],
                title: 'Quantity (in ton)'
                },{        
                type: 'Numeric',
                position: 'left',
                fields: [ 'VALUE'],
                title: 'Value (in 1000 Euros)'}
            ],
            series: [{
                type: 'scatter',
                animate: false,
                axis: 'bottom',
                xField: 'QUANTITY',
                yField: 'VALUE',
                markerConfig: {
                    type: 'circle',
                    size: 5,
                    fill: '#0000FF'
                },
                style: {
                    stroke: '#0000FF'
                },
            }]
        });
    In this configuration, when i click on label corrispond to scatter series the marker hide and show correctly, if i set

    Code:
    shadow: false,
    After i click the first time on label to hide the markers of the series, the other times that i try to click to show markers, them remain hidden.
    Thank you for your help.

    Best Regards,

    Daniele Palermo

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

    Default

    Did you mark this as [OPEN]? This isn't the way we (Sencha) marks it as open is why I am asking.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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 in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    May 2011
    Posts
    2
    Vote Rating
    0
      0  

    Default

    Sorry, i thought that 'Open' in the title means that it's will be a possible bug
    I corrected the title

    Best Regards

  4. #4
    Sencha User
    Join Date
    May 2012
    Posts
    11
    Vote Rating
    0
      0  

    Default Confirmed

    Hi,

    I stumbled upon this bug as well. The bug has not been fixed in version 4.1.0.
    Enabling labels will cause the labels to re-emerge, but the markers remain hidden.

    Is there are work around available, other than enabling the shadows?

    - Thanks

    Jimmy

  5. #5
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    18,380
    Vote Rating
    858
      0  

    Default

    Please post a test case.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  6. #6
    Sencha User
    Join Date
    May 2012
    Posts
    11
    Vote Rating
    0
      0  

    Default Test case

    Here you go - complete runnable example:

    Code:
    <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
        <title>Test</title>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/ext-4.1.0-gpl/resources/css/ext-all.css">
        <script type="text/javascript" src="http://dev.sencha.com/deploy/ext-4.1.0-gpl/ext-all.js"></script>
    </head>
    <body>
    
    
    <script type="text/javascript">
    
    
    Ext.onReady(function()
    {
        Ext.create("Ext.chart.Chart",
        {
            "width":800,
            "height":500,
            "renderTo":Ext.getBody(),
            "animate":{"easing":"ease", "duration":750},
            "insetPadding":20,
            "theme": "Base",
            "store":Ext.create("Ext.data.JsonStore",
            {
                fields: ["Title","Initialiseringsfase"],
                data:
                [
                    {"Title":"Bananer","Initialiseringsfase":-4},
                    {"Title":"bler","Initialiseringsfase":3},
                    {"Title":"Jordbr","Initialiseringsfase":-7}
                ]
            }),
            "series":
            [
                {
                    "type":"scatter",
                    "xField":"Title",
                    "yField":"Initialiseringsfase",
                    "showInLegend":true,
                    "markerConfig":{"radius":7,"size":7,"type":"triangle"},
                    "showMarkers":true,
                    "label":{"display":"middle","field":"Initialiseringsfase","font":"12px Verdana","fill":"black","color":"#000","minMargin":50,"orientation":"horizontal"}
                }
            ],
            "axes":
            [
                {
                    "type":"Category",
                    "position":"bottom",
                    "fields":["Title"],
                    "grid":true,
                    "title":null,
                    "label":{"font":"12px Verdana","rotate":{"degrees":90}}
                },
                    {"type":"Numeric",
                    "position":"left",
                    "fields":["Projektledelsesfase","Overdragelsesfase","Initialiseringsfase"],
                    "grid":true,
                    "title":null,
                    "label":{"font":"12px Verdana","rotate":{"degrees":0}},
                    "minimum":-40,
                    "maximum":40,
                    "majorTickSteps":3
                }
            ],
            "legend":{"position":"right","labelFont":"12px Verdana"},
            "shadow":false
        });
    });
    
    
    </script>
    
    
    </body>
    </html>

  7. #7
    Sencha User
    Join Date
    May 2012
    Posts
    11
    Vote Rating
    0
      0  

    Default Any updates on this?

    Hi,

    Will this bug be fixed in future versions of Ext JS? Could we please have an update?

    - Thanks

    Jimmy

  8. #8
    Sencha User
    Join Date
    Dec 2009
    Location
    Paris, France
    Posts
    16
    Vote Rating
    3
      0  

    Default

    Problem still here in 4.1.1 and no easy way to disable legend click functionnality.

    Any ETA for the bugfix ?

Posting Permissions

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