itechpros Report post Posted October 18, 2012 Our application we are integrating into requires an older version of jQuery, so we have a single page that includes jQuery 1.3.2, and the jQuery that comes with FusionCharts. If we omit the jQuery 1.3.2 everything works, but as soon as we include it, the HTML5/JavaScript charts break, but the Flash still works. I've also tested noConflict modes with jQuery and it still breaks. Also, I'm not using the jQuery plugin for FusionCharts. I'm just using pure JavaScript, however it seems like the JavaScript/HTML5 FusionCharts have a jQuery dependency, even if your not using the jQuery plugin. Our sample page showing the problem is here: http://iaccutrace.com/fusion.html Notice the JavaScript one doesn't work, but if you reload the page and click for flash version, then it works. Share this post Link to post Share on other sites
Sanjukta Report post Posted October 19, 2012 Hi, Our application we are integrating into requires an older version of jQuery, so we have a single page that includes jQuery 1.3.2, and the jQuery that comes with FusionCharts. If we omit the jQuery 1.3.2 everything works, but as soon as we include it, the HTML5/JavaScript charts break, but the Flash still works. I've also tested noConflict modes with jQuery and it still breaks. Also, I'm not using the jQuery plugin for FusionCharts. I'm just using pure JavaScript, however it seems like the JavaScript/HTML5 FusionCharts have a jQuery dependency, even if your not using the jQuery plugin. Our sample page showing the problem is here: http://iaccutrace.com/fusion.html Notice the JavaScript one doesn't work, but if you reload the page and click for flash version, then it works. We tested your URL and found that you are using a very older version of jQuery. We generally recommend jquery 1.4 or above to render FusionCharts perfectly. In case you do not have any issues, could you please upgrade your jQuery version or use the "jquery.min.js" while loading your application? Please make sure that you have included the "jquery.min.js" even before "FusionCharts.js" in the <head> tag. Ex: <head> ... <script language="JavaScript" src="jquery.min.js"></script> <script language="JavaScript" src="FusionCharts.js"></script> </head> Hope this helps. Share this post Link to post Share on other sites
