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,553
    Vote Rating
    1272
      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! Checkout the CODE tag!

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

  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,584
    Vote Rating
    873
      0  

    Default

    Please post a test case.
    Evan Trimboli
    Twitter - @evantrimboli

  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
  •