Charts Getting Black Background - Need A Transparency

[bmcc81]

Hi,

 

 

 

It seems that my project charts for some reason have a black background.

 

 

 

 

I've tried CSS fixing the issue but it makes the chart as well transparent.

 

 

 

 

CSS is:

#highcharts-9 svg rect{
fill-opacity:0;
background-color:white;
}

 

 

 

With using a class it's like:

 

.highcharts-container svg rect{
fill-opacity:0;
background-color:white;
}

 

 

 

Is there a way to make this transparent or white?

 

These are the files I'm using

http://webinkgraphics.com/Charts/FusionCharts.zip

 

Thanks,

 

Brandon

 

 

FusionCharts.zip

Edited June 12, 2012 by bmcc81

[Guest Sumedh]

Hi,

 

 

 

It seems that my project charts for some reason have a black background.

 

 

 

 

I've tried CSS fixing the issue but it makes the chart as well transparent.

 

 

 

 

CSS is:

#highcharts-9 svg rect{
fill-opacity:0;
background-color:white;
}

 

 

 

With using a class it's like:

 

.highcharts-container svg rect{
fill-opacity:0;
background-color:white;
}

 

 

 

Is there a way to make this transparent or white?

 

These are the files I'm using

http://webinkgraphics.com/Charts/FusionCharts.zip

 

Thanks,

 

Brandon

 

 

 

 

Hi,

 

You would need to set bgAlpha attribute to '0,0' in the XML.

 

Ref. Code:

<chart ... bgAlpha='0,0'>

 

Also, you would need to call setTransparent function on the chart reference.

 

Ref. Code:

myChart.setTransparent(true);

 

For more information, please refer the following URL:

http://docs.fusioncharts.com/charts/contents/?JavaScript/API/Methods.html

[bmcc81]

Hi,

 

Can you tell me where I would do this? Which XML doc? I looked aand couldn't fin what you where talking about?

 

 

 

 

 

Thanks,

Brandon

 

 

 

 

 

 

Hi,

 

You would need to set bgAlpha attribute to '0,0' in the XML.

 

Ref. Code:

<chart ... bgAlpha='0,0'>

 

Also, you would need to call setTransparent function on the chart reference.

 

Ref. Code:

myChart.setTransparent(true);

 

For more information, please refer the following URL:

http://docs.fusionch...PI/Methods.html

[Guest Bindhu]

Hi,

 

You will have to make those changes in XML that is used to render the charts seen in the sample image.

 

Can you please try with the latest version files once?

 

If the latest version files does not help fix your issue, can you please send in the XML data to do further testing.

 

You may also provide us the live URL for testing purposes.

 

Awaiting response.