Results 1 to 9 of 9

Thread: Cartesian chart --> Cannot read property 'style' of null

  1. #1
    Sencha Premium Member
    Join Date
    Jan 2015
    Posts
    10
    Answers
    1

    Exclamation Cartesian chart --> Cannot read property 'style' of null

    X-axis not render correctly and sometimes the console shows 'Cannot read property 'style' of null'

    Fiddle:
    https://fiddle.sencha.com/#fiddle/11q9

    Ext version tested:
    version: "5.1.1.451", shortVersion: "511451"

    Browser versions tested against:
    • Chrome
    Description:

    • store transfer data into chartDataStore with TotalMBytes to 0
    • sometimes x-axis is empty because the debuger shows 'Uncaught TypeError: Cannot read property 'style' of null'
    Exception:
    SENCHA_ ERROR_style_of_null.PNG

    SENCHA_ ERROR_style_of_null_chart.PNG

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I haven't yet been able to generate that error message. I tried running it numerous times and clicking and hovering within the chart. Is it random or is there something specific to do to recreate?

  3. #3
    Sencha Premium Member
    Join Date
    Jan 2015
    Posts
    10
    Answers
    1

    Default

    Only happens in devel environment but not always. I've tried to reproduce it in my Fiddle project but without success.

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    So it only occurs in your development environment? You might try creating a new project and migrating your code into it to see if the issue follows. Are you saying that it doesn't occur in a production build?

  5. #5
    Sencha Premium Member
    Join Date
    Jan 2015
    Posts
    10
    Answers
    1

    Default

    This happens in both environments.

    My chart is an independent component that it's included in a customer view. I've tried to create the same layout into another project but the error doesn't happen. I've tried to create a new view into my project that contains multiple chart components but without success too.
    I'm going to try to remove components from customer view and see what happens.

    Thanks,

  6. #6
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    13

    Default

    I am getting the same issueI could not work out what was the resolution to this. I have a similar fiddle that works without error but when I include it in my much bigger project I get the same error
    Code:
    Canvas.js:748 Uncaught TypeError: Cannot read property 'style' of null
    Ext.define.updateRect @ Canvas.js:748
    setter @ ext-all-rtl-debug.js:6288
    Ext.define.performLayout @ CartesianChart.js:151
    Ext.define.doScheduleLayout @ AbstractChart.js:584
    Ext.define.fireFrameCallbacks @ Animator.js:201
    Ext.define.handleFrame @ Animator.js:212
    Ext.define.invoke @ ext-all-rtl-debug.js:14523
    Ext.define.run @ ext-all-rtl-debug.js:14424
    (anonymous function) @ ext-all-rtl-debug.js:4400
    Ext.Function.fireHandlers @ ext-all-rtl-debug.js:4358

  7. #7
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I see a similar bug (EXTJS-18706) which was resolved in 5.1.2. Are you able to test your app against 5.1.2 to see if it is resolved for you?

  8. #8
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    13

    Default

    well oddly enough , without any knowledge of what could have changed, I edited out the code temporarily as I had to get a bug fix out for something else, edited it back in, and now it works. I can't see what changed between before and after , other than a slight difference in the order in which the stores that back the charts were refreshed ( they were put in after the reload of another store loading a grid on another tab rather than at the same time) I'll keep my fingers crossed and the voodoo chicken close at hand... just in case...

  9. #9
    Sencha User
    Join Date
    Apr 2016
    Posts
    54
    Answers
    3

    Default

    I am seeing this issue intermittently with the charts as well.

    I am creating a group of charts, dynamically via new tabs in a tab panel, and when I switch to the second tab, I get this error. There are no differences between the chart code, just the data. It doesn't happen often, but when I switch to the tab, it's blank, then I can switch to a different tab, then back, and part of the chart will appear with a messed up Y-axis. If I could consistently reproduce it, I'd provide more details.

Similar Threads

  1. [INFOREQ] Ext.dom.Element.setStyle Cannot read property 'style' of null
    By SebTardif in forum Ext 5: Bugs
    Replies: 22
    Last Post: 13 Dec 2016, 5:10 AM
  2. cannot read property 'id' of null
    By hyde007 in forum Sencha Touch 2.x: Q&A
    Replies: 4
    Last Post: 11 Jul 2016, 4:52 AM
  3. Replies: 9
    Last Post: 24 May 2016, 1:45 AM
  4. [FIXED] Cannot read property 'isFocusable' of null or 'focus' of null
    By SebTardif in forum Ext 5: Bugs
    Replies: 3
    Last Post: 20 Mar 2015, 7:27 AM

Tags for this Thread

Posting Permissions

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