How Can I Remove Background From Chart

[Vedmack]

I'm drawing a chart (Doughnut3D) over a colored div

 

but my chart appears with rectangular white background

 

I don't want to add background picture

 

I just want that the chart (Doughnut3D) will be displayed over my colored div (just like it was with my previous charting library )

 

I tried the

bgSWFAlpha , but its no good...

 

Regards,

 

 

Daniel

[Guest Sumedh]

Hey,

 

Please refer this post: http://forum.fusioncharts.com/topic/11826-transparent-bgground-change-to-white/page__p__46421__hl__transparent__fromsearch__1#entry46421

[Vedmack]

Thanks,

 

checking...

Edited July 26, 2012 by Vedmack

[Vedmack]

but how can I use setTransparent(true); if I'm using the jquery plugin to create the chart ?

 

i tried to

 

 

$("#myID").insertFusionCharts({wMode: "transparent" ....

 

I also added "bgAlpha" : '0,0' to "chart": {

 

 

 

no good ...

 

any ideas ?

[Guest Sumedh]

Hi,

 

You would have to call setTransparent(true) method on the chart reference ID.

 

Also, you would need to specify bgAlpha='0,0' attribute under the chart element

 

Ref. Code:

 

$(document).ready(function(){
	$("#chartContainer").insertFusionCharts({
          	swfUrl: "FusionCharts/Column3D.swf", 
          	dataSource: "Data.xml", 
          	dataFormat: "xmlurl", 
          	width: "400", 
          	height: "300", 
          	id: "myChartId"
    	}); 

  	});

var myChart = FusionCharts("myChartId");
myChart.setTransparent(true);

 

[Vedmack]

Still not working :/

 

 

var chartData = {
				"chart": {
					"decimals": 0,
					"showlabels": 0,
					"showvalues": 0,
					"showLegend" : 1,
					"legendPosition" : "buttom",
					"enableRotation" : 0,
					"bgAlpha" : '0,0',
					"interactiveLegend" : 0
				},
				"data": data
			}
			$("#my_chart_container").insertFusionCharts({
				swfUrl: "resources/fusioncharts/Doughnut3D.swf", 
				renderer: "javascript",
				dataSource: chartData, 
				dataFormat: "json", 
				width: placeHolderWidth, 
				height: placeHolderHeight, 
				id: "my_chart_id"
		     }); 

			var chartReference = FusionCharts("my_chart_id");
			chartReference.setTransparent(true);

 

 

can it be that there is something wrong with the var chartReference = FusionCharts("my_chart_id"); ?

cause even if i call this line before i draw the chart for the first time chartReference is not null, instead its "a.core" ????

[Guest Bindhu]

Hi,

 

We are looking into it and would get back to you as soon as possible.

 

Thank you for your continued support and patience.

[Vedmack]

Thanks,

 

Cause its a real show stopper for out integration of fusion charts in our system...

Hi,

 

We are looking into it and would get back to you as soon as possible.

 

Thank you for your continued support and patience.

[Guest Sumedh]