Bought license, but now transparent widgets don't work.

GCT_JVZ · June 27, 2014

Hi All

Since I installed the licensed version, my widget's transparency don't work anymore. The code is the exact same , just the JS file changed.

Any ideas?

I attached an example of the code (not full code with JS).. but you should be able to paste into own project.

example.txt

GCT_JVZ · June 28, 2014

Hi all.

So after some research, looks like I discovered the problem. In the docs it states "setTransparent(transparency) - The chart container transparency can now be controlled using the containerBackgroundOpacity parameter while creating a new instance of FusionCharts."

My question is how do I set this property without the contructor? Can I set it via scripting? Example $("FusionChart").containerBackgroundOpacity(0) or something like that?

Thanks

Sanjukta · July 2, 2014

Hi all.

So after some research, looks like I discovered the problem. In the docs it states "setTransparent(transparency) - The chart container transparency can now be controlled using the containerBackgroundOpacity parameter while creating a new instance of FusionCharts."

My question is how do I set this property without the contructor? Can I set it via scripting? Example $("FusionChart").containerBackgroundOpacity(0) or something like that?

Thanks

Hi,

Please note that in FusionCharts v3.4, you would just need to set "bgAlpha" attribute to '0' as the chart is by default set to transparent.

Ref.- http://docs.fusioncharts.com/tutorial-configuring-your-chart-border-and-background.html

Also, the previous method "setTransparent(true)" would work as expected although it is deprecated along with "bgAlpha" attribute set to '0'. For the new setting, you would need to write the following code.

<html>
<head>
<script type="text/javascript" src="js/fusioncharts.js"></script>
<script type="text/javascript">
FusionCharts.ready(function () {
   var myChart = new FusionCharts({
       type: 'column2d',
       renderAt: 'chart-container',
       dataFormat: 'json',
       dataSource: ...,
       containerBackgroundOpacity: '0'
   // Render the chart.
   myChart.render();
});
</script>
<body>
   <div id="chart-container">FusionCharts will load here...</div>
</body>
</html>

Hope this helps.

Sign In

Bought license, but now transparent widgets don't work.

Recommended Posts

GCT_JVZ

Share this post

Link to post

Share on other sites

GCT_JVZ

Share this post

Link to post

Share on other sites

Sanjukta

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity