Chart Partially Showing When Rendered In Javascript

[hanislovingit]

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

Edited November 13, 2012 by hanislovingit

[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.

[shamasis]

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.

[Buzz Brown]

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

[Buzz Brown]

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

[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.