Sign in to follow this  
bmcc81

Charts Getting Black Background - Need A Transparency

Recommended Posts

Hi,

 

 

 

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

 

black-background.PNG

 

 

 

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

 

opacity.PNG

 

 

 

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 by bmcc81

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

 

 

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

 

black-background.PNG

 

 

 

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

 

opacity.PNG

 

 

 

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

Share this post


Link to post
Share on other sites

Hi,

 

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

 

which_XML_DOC.PNG

 

 

 

 

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

Share this post


Link to post
Share on other sites
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.

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
Sign in to follow this