hanislovingit

Chart Partially Showing When Rendered In Javascript

Recommended Posts

HI,

 

I have a chart that shows partially, i.e., without the graphical display of the actual data points. For eg, if it's a Column3D chart, then the chart shows without the columns. See attached image.

 

This only happens when the chart is rendered as JavaScript. Flash works fine. But I need this to work on iPad. I have tried to modify all kinds of html/css attributes on the chart using Chrome dev tool, but with no luck.

 

Do you have any idea what's going on? Your help is greatly appreciated.

 

I'm using the FusionCharts XT version.

 

Here's my code

 

fusioncharts.setCurrentRenderer('javascript');
                   var fusionchart = new fusioncharts("FusionCharts/Column3D.swf",
                       this.id(), "500", "300", "0");
                   fusionchart.setTransparent(true);
                   fusionchart.setJSONData({
                       "chart":
                           {
                               "caption": "Weekly Sales Summary",
                               "xAxisName": "Week",
                               "yAxisName": "Sales",
                               "numberPrefix": "$",
                               "bgColor": "000000",
                               "bgAlpha": '100',
                               "canvasBgColor": "000000",
                               "canvasBgAlpha": "100"
                           },

                       "data":
                           [
                               { "label": "Week 1", "value": "14400" },
                               { "label": "Week 2", "value": "19600" },
                               { "label": "Week 3", "value": "24000" },
                               { "label": "Week 4", "value": "15700" }
                           ]
                   });
                   var divId = "chartDiv" + this.id();
                   fusionchart.render(divId);

 

Han

post-7784-0-58499100-1352837189_thumb.png

Edited by hanislovingit

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

I am not finding any issue while testing your JSON Code using the latest FusionCharts XT (V 3.2.2) SR5, from our end.

 

Please find the attached screen shot of the same, for your reference.

 

Could you please provide the exact version of FusionCharts XT that are being used at your end?

 

Also, please provide the live URL (if feasible) or sample project to test and replicate the issue from our end.

 

Awaiting your response.

post-23588-0-04054600-1352897922_thumb.png

Share this post


Link to post
Share on other sites

Hey, is it that you're using an older version of FusionCharts XT? The issue you mentioned, was a bug in an older version of FusionCharts. You may download latest version from PUC and check.

Share this post


Link to post
Share on other sites

HI,

 

I have a chart that shows partially, i.e., without the graphical display of the actual data points. For eg, if it's a Column3D chart, then the chart shows without the columns. See attached image.

 

This only happens when the chart is rendered as JavaScript. Flash works fine. But I need this to work on iPad. I have tried to modify all kinds of html/css attributes on the chart using Chrome dev tool, but with no luck.

 

Do you have any idea what's going on? Your help is greatly appreciated.

 

I'm using the FusionCharts XT version.

 

Here's my code

 

fusioncharts.setCurrentRenderer('javascript');
                   var fusionchart = new fusioncharts("FusionCharts/Column3D.swf",
                       this.id(), "500", "300", "0");
                   fusionchart.setTransparent(true);
                   fusionchart.setJSONData({
                       "chart":
                           {
                               "caption": "Weekly Sales Summary",
                               "xAxisName": "Week",
                               "yAxisName": "Sales",
                               "numberPrefix": "$",
                               "bgColor": "000000",
                               "bgAlpha": '100',
                               "canvasBgColor": "000000",
                               "canvasBgAlpha": "100"
                           },

                       "data":
                           [
                               { "label": "Week 1", "value": "14400" },
                               { "label": "Week 2", "value": "19600" },
                               { "label": "Week 3", "value": "24000" },
                               { "label": "Week 4", "value": "15700" }
                           ]
                   });
                   var divId = "chartDiv" + this.id();
                   fusionchart.render(divId);

 

Han

Share this post


Link to post
Share on other sites
Guest Sumedh

We are having the same problem. But only on certain graphs and only with the IE browser without Flash.

 

Hi,

 

Can you please provide some information on following points?

 

> What FusionCharts version are you using?

 

> What chart type are trying to render? Are you trying to render JavaScript chart or Flash chart?

 

> Also, send us the sample code as well as chart XML for testing purposes.

 

> Also, if possible send us the screen-shots of your issue.

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