itechpros

Html5 Charts With Older Jquery

Recommended Posts

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now