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

**Daniele.Palermo** · 28 Feb 2012 7:24 AM

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

**mitchellsimoens** · 28 Feb 2012 6:52 PM

Did you mark this as [OPEN]? This isn't the way we (Sencha) marks it as open is why I am asking.

**Daniele.Palermo** · 29 Feb 2012 4:20 AM

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

Best Regards

**Jemt** · 21 Aug 2012 2:29 AM

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

**evant** · 21 Aug 2012 2:43 AM

Please post a test case.

**Jemt** · 21 Aug 2012 4:38 AM

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":"Jordbær","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>

**Jemt** · 21 Jan 2013 3:57 AM

Hi,

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

- Thanks

Jimmy

**revolunet** · 11 Feb 2013 8:04 AM

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

Any ETA for the bugfix ?

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

Thread Tools

Search Thread

Display

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

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

Confirmed

Confirmed

Test case

Test case

Any updates on this?

Any updates on this?