Results 1 to 6 of 6

Thread: [RC2] Stacked bar chart highlight error in FF

  1. #1
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default [RC2] Stacked bar chart highlight error in FF

    With the below stacked bar chart I'm seeing varrying behavior between IE8 and FF 9.0.1. In FF if you hover the cursor over stacked segments the highlighting works as expected, but on mouseout the highlight border is persisted with the color of the border being the color of the first bar segment. Not seeing the same in IE.

    Is this a bug or am I configuring the highlight wrong?

    Code:
    Ext.widget('chart', {
        renderTo: Ext.getBody()
        , width: 260
        , height: 60
        , shadow: false
        , legend: false
        , store: {
            fields: ['year', 'data1', 'data2', 'data3']
            , data: [{
                year: 1
                , data1: 20
                , data2: 30
                , data3: 50
            }]
        }
        , series: [{
            type: 'bar'
            , highlight: {
                lineWidth: 3
                , stroke: '#fff'
                , opacity: 0.8
                , color: '#fff'
            }
            , stacked: true
            , xField: 'year'
            , yField: ['data1', 'data2', 'data3']
            , tips: {
                trackMouse: true,
                width: 65,
                height: 28,
                renderer: function (storeItem, item) {
                    this.setTitle(item.value[1]);
                }
            }
        }]
    })

  2. #2
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default

    Anyone know if this is being reviewed for RC3/GA?

  3. #3
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default

    I'm seeing this in RC3 as well. Can anyone confirm?

  4. #4
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,790
    Vote Rating
    391
      0  

    Default

    I wasn't able to reproduce this problem. It seemed fine in all browsers to me.

    For reference I was using FF11 on Ubuntu, not FF9. Do you have access to other combinations of browser version and OS to isolate where exactly the problem occurs?

    Perhaps a screenshot might help to confirm the exact symptoms?

  5. #5
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default

    I just tested on IE9, FF11, and Chrome 18.0.1025.162 with no issues. I believe I had tested on IE8 before posting this, too, but don't have my corporate machine up now - will test again when I get to work tomorrow morning to be sure, but I think the only issue I found was with FF9 (which is what is on our corp disc images).

  6. #6
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    7
    Vote Rating
    0
      0  

    Default Same behavior, 4.07, FF 12

    Currently battling this issue with stacked bar highlighting, using 4.07, FF12. Any updates? What should I override to properly alleviate the issue? Thanks.

Posting Permissions

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