mschenkel Report post Posted November 10, 2013 What am I doing wrong to get this chart to show tranparent? I am calling the setTransparent(true); <html><body bgcolor="red"> <script type="text/javascript" src="https://www.embeddedanalytics.com/FusionCharts/FusionCharts.js"></script> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"><!-- var myChart = new FusionCharts( "https://www.embeddedanalytics.com/FusionCharts/Column3D.swf", "myChartId", "600", "310", "0", "1" ); myChart.setXMLData('<chart showborder="0" rotatevalues="1" caption = "Report 6 - Exit Pages (Visits)" labelstep="1" chartLeftMargin="3" chartBottomMargin="15" placeValuesInside="0" > <set label="/google-analytics/" value="1" isSliced="0" color="66CCFF" /><set label="/rates/" value="6" isSliced="0" color="66CCFF" /><styles> <definition><style name="CAPTION" type="font" font="Arial" size="20" color="#0000CC" italic="0" bold="0" /> <style name="SUBCAPTION" type="font" font="Arial" size="12" color="#0000CC" italic="0" bold="0" /> <style name="XAXISNAME" type="font" font="Arial" size="10" color="#000000" italic="0" bold="0" /> <style name="YAXISNAME" type="font" font="Arial" size="10" color="#000000" italic="0" bold="0" /> </definition> <application> <apply toObject="DATALABELS" styles="XAXISNAME"/> <apply toObject="YAXISVALUES" styles="YAXISNAME"/> <apply toObject="CAPTION" styles="CAPTION" /> <apply toObject="SUBCAPTION" styles="SUBCAPTION" /> <apply toObject="XAXISNAME" styles="XAXISNAME" /> <apply toObject="YAXISNAME" styles="YAXISNAME" /> </application> </styles></chart>'); myChart.setTransparent (true); myChart.render("chartContainer"); --> </script> </body> </html> Share this post Link to post Share on other sites
Guest Rishab Report post Posted November 11, 2013 Hi,Please try setting the value of the attribute "bgAlpha" of the <chart> element to '0,0' to make the background of the chart transparent.For ex- <chart ... bgAlpha='0,0' ..> The attached item is the screenshot of the chart rendered using the provided data.Please note- To set your chart background as transparent in the HTML page, you need to follow these steps: -You need to configure chart's data as following: set <chart ... bgAlpha='0,0' ..> - In the HTML code that embeds the chart, set myChart.setTransparent(true)Hope this helps. Share this post Link to post Share on other sites
mschenkel Report post Posted November 11, 2013 That did the trick!!! Thanks. Share this post Link to post Share on other sites
Guest Rishab Report post Posted November 12, 2013 Glad to know your issue has been resolved. Share this post Link to post Share on other sites
