Transparent Chart Background

[Nishi]

Hi,

 

I need my chart background to be transparent....I have tried to do it using styles....But i am not able to get it transparent....I am attaching an easy chart image of the chart i need....Plz help me in constructing the chart..

 

 

 

 

 

Thnx and Regards

 

 

 

Nishi

transparent chart.bmp

[Guest Basundhara Ghosal]

Hi Nishi,

Please try setting the attribute "canvasBgAlpha" to '0' in the <set> element.

Please note in this case however you will not be able to display the canvas border.

Hope this helps.

[Nishi]

Hi,

 

How to set canvasBgAlpha attribute in element??Or r u telling about chart element???If so ,i have tried using it.....But the thing is that the canvas is becoming transparent,but i am not getting a border around it.....I have sent an image of the chart i need in my previous post....

[Guest Basundhara Ghosal]

Hi Nishi,

We apologize for the inconvenience.

Please try setting the attribute "canvasBgAlpha" to '0' in the <chart> element.

Please note in this case however you will not be able to display the canvas border.

[Nishi]

Hi,

 

By applying that attribute i am not able to satisfy my requirement...Nywy thnx for the reply...

[DWalKr]

don't know if this will help: in order to make charts transparent I use the setTransparent function from FusionCharts.js

 

the call is like: chartid.setTransparent("transparent") [where chartid is your fusionchart object];

[Nishi]

Hi...

 

No....Its not having any effect in my chart...Nyway Thanks for the reply...

[Guest Basundhara Ghosal]

Hi Nishi,

If you're using FusionCharts JavaScript class to embed the chart, to allow DHTML objects appear over a Flash movie, you can just call the following method:

<div id="chartdiv" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>

<script type="text/javascript">

var myChart = new FusionCharts("../FusionCharts/Column3D.swf", "myChartId", "900", "300", "0", "0");

myChart.setDataURL("Data.xml");

myChart.setTransparent(true);

myChart.render("chartdiv");

</script>

</div>

However, the attribute "canvasBgAlpha" lets you sets alpha (transparency) for canvas.

As per your requirement(according to the image that you have sent us), we tried testing the issue is our lab by setting the 'canvasBgAlpha' attribute in the <chart> element to '0' and it seemed to work fine.

Please note in this case, however you will not be able to display the canvas border(for 3D charts).

Hope this helps.

[Nishi]

Hi...

 

But i need to dislplay it for 3D charts...For 2D charts i hav already found it...Nyway thnx for the information....