johnz45

Column Graph Missing The Column

Recommended Posts

I'm using the jQuery plug in and the column is not rendering. Here is my code:

 

 

$('#' + chartConId).insertFusionCharts({

swfUrl: "js/fusioncharts/Column3D.swf",

renderer : 'JavaScript',

width: "100%",

height: "100%",

id: "myChartId",

dataFormat: "xml",

 

dataSource: "<chart caption='Weekly Sales Summary' xAxisName='Week' " +

 

"yAxisName='Sales' numberPrefix='>" +

 

"<set label='Week 1' value='14400' />" +

 

"<set label='Week 2' value='19600' />" +

 

"<set label='Week 3' value='24000' />" +

 

"<set label='Week 4' value='15700' />" +

 

"</chart>"

 

});

 

Here are the files I have included in the html in addition to the SWF:

"js/fusioncharts/FusionCharts.jqueryplugin.js"

"js/fusioncharts/FusionCharts.js"

"js/jquery/jquery-1.7.1.min.js"

Note, our system uses a newer version of jquery than the ones provided so we did not include the jquery provided by fusioncharts.

post-25913-0-57476000-1327464162_thumb.png

Edited by johnz45

Share this post


Link to post
Share on other sites

As an update, the bars show up after I resize the browser. If I call setXMLData(), the bars disappear again which I assume is because that functions redraws the graph.

Also, I tried using the regular construction and I still have the same behavior:

 

var myChart = new FusionCharts("js/fusioncharts/Column2D.swf", "myChartId23", "100%", "100%", "0", "1");

myChart.setJSONData(JSExampleJavaScriptData);

myChart.render(chartConId);

 

Are there any solutions for this?

Edited by johnz45

Share this post


Link to post
Share on other sites

As an update, the bars show up after I resize the browser. If I call setXMLData(), the bars disappear again which I assume is because that functions redraws the graph.

Also, I tried using the regular construction and I still have the same behavior:

 

var myChart = new FusionCharts("js/fusioncharts/Column2D.swf", "myChartId23", "100%", "100%", "0", "1");

myChart.setJSONData(JSExampleJavaScriptData);

myChart.render(chartConId);

 

Are there any solutions for this?

 

i think the problem will go away if you use "jquery-1.6.1.min.js". Fushion chart js is not compatible with the latest version of jquery.

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Thank you very much for your valuable feedback.

 

Happy FusionCharting!!! biggrin.gif

Share this post


Link to post
Share on other sites

Hi,

 

Apologies for the delay and the inconvenience caused.

 

Please try re-downloading the latest version of FusionCharts, i.e FusionCharts XT Service Release that has fixed this existing issue with jQuery 1.7.1

Ref.- Evaluation version: http://www.fusioncharts.com/download/trials/

Licensed version: http://www.fusioncharts.com/PUC/

Hope this helps. :)

Share this post


Link to post
Share on other sites

I downloaded the latest version of FusionCharts today (version "3.2.2(XT)" according to debug mode). The flash version works fine, but when I use setCurrentRenderer to set to javascript, the columns do not appear (this is using jQuery version 1.7.1).

 

Did I somehow get the wrong version of FusionCharts (I got it from http://www.fusioncharts.com/PUC)?

 

I've put up a sample page with both the no-column javascript version and the debug-mode flash version: http://dev.rxisk.org/SamplePage.aspx

 

Thanks for you help.

 

 

 

 

Hi,

 

Apologies for the delay and the inconvenience caused.

 

Please try re-downloading the latest version of FusionCharts, i.e FusionCharts XT Service Release that has fixed this existing issue with jQuery 1.7.1

Ref.- Evaluation version: http://www.fusioncha...ownload/trials/

Licensed version: http://www.fusioncharts.com/PUC/

Hope this helps. :)

Share this post


Link to post
Share on other sites

Hi,

 

Could you please try once clearing the browser cache?

 

Also, please ensure FusionCharts.HC.js, FusionCharts.HC.Charts.js and jquery.min.js are updated to the latest version.

Share this post


Link to post
Share on other sites

Clear the browser cache. That should indeed fix your issue.

 

Otherwise, if you cannot use the latest JQuery, you must disable the animations. Then the bars will show.

 

It is the "animation" in the older Fusion Charts that is incompatible with newer jQuery 1.7.1.

 

But, again, clearing the cache and getting the newest stuff should bring you up to snuff (or however that saying goes...)

Share this post


Link to post
Share on other sites

You're right, I cleared the cache and made sure I had all the recent files (especially the ones you named), and it's working.

Thanks.

 

 

Hi,

 

Could you please try once clearing the browser cache?

 

Also, please ensure FusionCharts.HC.js, FusionCharts.HC.Charts.js and jquery.min.js are updated to the latest version.

Share this post


Link to post
Share on other sites

:)

 

 

You're right, I cleared the cache and made sure I had all the recent files (especially the ones you named), and it's working.

Thanks.

 

 

 

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