We load igDataChart and chart looks fine, but as soon as open a new tab and do some work (say check emails) the chart become blank.
It comes back after refresh or again opening a new tab
Please help.
I do get infragistics.dv.js file Cannot Read property 'attr' of null
Hello,
Please provide more details on your environment and how the necessary libraries are being referenced in your page (jQuery, modernizr, Ignite UI).
I suggest utilizing the CDN as shown in the Getting Started page to verify that this not an issue with code presented by your application.
Let me know if you have any questions.
Hello Jeff,
It seems that the references didn't show up. Please provide the references and the order they are being included in the page.
Regarding your second post, does this error show up when tabbing through the page and the chart disappears, if not, please provide exactly when the error is printed to the console. My assumption at this point is that there should be no errors printed to the console by our libraries, therefore, the cause of the behavior you are experiencing is likely due to the cause of the error being printed in the console.
I'm not sure why the references didn't get included, but here they are(I've prefaced them with a double quote):
"<script src='<%=Page.ResolveUrl("http://webstuff/plugins/infragistics/js/infragistics.core.js")%>' type="text/javascript"></script>"<script src='<%=Page.ResolveUrl("http://webstuff/plugins/infragistics/js/infragistics.dv.js")%>' type="text/javascript"></script>"<script src='<%=Page.ResolveUrl("http://webstuff/plugins/infragistics/js/infragistics.lob.js")%>' type="text/javascript"></script>
The error message that shows in the console is: Uncaught TypeError: Cannot read property 'attr' of null (infragistics.dv.js:63). The error occurs when you first go to the page, prior to data being returned and bound to the igDataCharts. The error also displays in the console after data is bound to the igDataCharts. The content in the charts don't always disappear, however, the error consistently gets generated in the console.
- Jeff
All the references look good. If the only control that is being utilized is the igDataChart you can even eliminate the reference to infragistics.lob.js.
Is there any javascript that is interacting with the chart or with the DOM elements that is hosting the chart? Please provide which version of the controls you are utilizing. Please provide an isolated sample that reproduces this issue so that we can take a deeper look into this.
JQuery is being used. Data gets retrieved from an XML web-service call (source of data is from stored proc. call in SQL Server). Within in a Javascript function, the data gets parsed to JSON, and in an ajax call, the JSON data gets bound to the igDataCharts. The version of the Infragistics we're using is 14.2.20142.2140. Browser being used is Chrome, version 51.0.2704.103. We haven't seen this rendering issue when using firefox. I've eliminated the reference to infragistics.lob.js, as well as move the references of the needed javascript files(for the controls) from the user-control to the page where the controls are used. These two simple things seemed to have mitigated this issue. For now, I think we're in a good place with this issue(the rendering problem having not occurred since making these simple changes).
Thanks for your help.
- Jeffrey Nelson
Glad to hear you were able to solve your problem.
Feel free to update this thread at any time if you encounter any further issues.