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. 28 Feb 2012, 7:24 AM #1
    Daniele.Palermo
    Daniele.Palermo is offline
    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
    Reply With Quote Reply With Quote
  2. 28 Feb 2012, 6:52 PM #2
    mitchellsimoens
    mitchellsimoens is online now
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,122
    Vote Rating
    1429
      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
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens
    Reply With Quote Reply With Quote
  3. 29 Feb 2012, 4:20 AM #3
    Daniele.Palermo
    Daniele.Palermo is offline
    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
    Reply With Quote Reply With Quote
  4. 21 Aug 2012, 2:29 AM #4
    Jemt
    Jemt is offline
    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
    Reply With Quote Reply With Quote
  5. 21 Aug 2012, 2:43 AM #5
    evant
    evant is offline
    Sencha User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,064
    Vote Rating
    962
      0  

    Default

    Please post a test case.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.
    Reply With Quote Reply With Quote
  6. 21 Aug 2012, 4:38 AM #6
    Jemt
    Jemt is offline
    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":"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>
    Reply With Quote Reply With Quote
  7. 21 Jan 2013, 3:57 AM #7
    Jemt
    Jemt is offline
    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
    Reply With Quote Reply With Quote
  8. 11 Feb 2013, 8:04 AM #8
    revolunet
    revolunet is offline
    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 ?
    Reply With Quote Reply With Quote
« Combo events broken after combo.getStore().load() | Combobox bug when FocusManager enabled, automaticaly set value. »

Posting Permissions

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

Forum Rules