1. #1
    Sencha User
    Join Date
    May 2013
    Location
    India
    Posts
    4
    Vote Rating
    0
    ayushv is on a distinguished road

      0  

    Default Column chart columns hidden (partiall update/hide) on update - issue in IE10

    Column chart columns hidden (partiall update/hide) on update - issue in IE10


    Hi,

    We are facing issue of chart update in IE10 (works fine on chrome) i.e. when we try to load the store, which is bind to chart, with updated data the chart's column get's hidden and only 1st column is made visible.

    Below are the details:

    Problem:
    In IE10 when we update the chart store using store.laodData(mydata), only first column is made visible while other column's are hidden (css class x-hide-visibility applied), but the tooltip of these hidden column is still active on mouse hover.

    Below is the scenario:
    on chart creation the data was of 4 weeks (4 columns), chart is rendered successfully. When we change the data to 1 week, chart is updated correctly. But when we change the data again to 4 week (or 2 or 3), the chart displays only first column while the rest of them are hidden, but the custom tooltip we applied is still visible on mouse hover.

    Platform details:
    - Extjs version: 4.1.1
    - OS: Windows 7
    - Browser IE 10.0.9

    Code details:
    - create the chart of type column and assign the store to it.
    - Later when user change the data, we update the store (available as reference var) using mystore.loadData(mydataArray);
    - bind the store to chart, though it has no effect when we removed this part of code.
    this.barChartComponent.bindStore(barChartStore);
    - Even tried chart redraw - same it has no effect.
    this.barChartComponent.redraw();
    - Even refreshing the view
    this.barChartGridComponent.getView().refresh();

    Things I tried that didn't worked:
    - Changed the ArrayStore to JsonStore - no effect.
    - tried store.removeAll() before store.loadData(mydata) - the chart is drawn blank even on first attempt.
    - tried store.getProxy().destroy();
    - tried store.removeAt(i) in for loop and later did store.insert(I) or store.loadData(mydata, true/false) - no effect


    I would really appreciate if someone could guide me in solving it, as right now I'm completely lost.

    Thanks for quick reply.

    Regards,
    Ayush V.

  2. #2
    Sencha - Support Team
    Join Date
    Feb 2013
    Location
    California
    Posts
    3,386
    Vote Rating
    62
    Gary Schlosberg is a jewel in the rough Gary Schlosberg is a jewel in the rough Gary Schlosberg is a jewel in the rough

      0  

    Default


    When looking for guidance from the community, posting a working test case can greatly increase your likelihood of getting a response.
    Get on the Fast Track with Sencha Training http://sencha.com/training

    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

Thread Participants: 1

Tags for this Thread