FusionCharts Forum / FusionCharts v3 / JavaScript Problems / Product Forums / wmode = "transparent"; where in the js file do I add this parameter? / Latest Posts

RE: wmode = "transparent"; where in the js file do I add this parameter?

shamasis — Thu, 23 Jul 2009 09:48:36 GMT

...

Hello,

I am attaching a small sample application using FusionCharts v3.1.1 to test the wMode related issues.

The application shows three charts (all same chart) in wMode as "window", "transparent" and "opaque" respectively. There is also an active Overlay HTML division that moves around with the mouse pointer and shows the current mouse coordinate.

Moving the mouse across the first chart reveals that the overlay HTML division does not get over the chart in "window" mode. But in other two charts, everything seems fine. :hehe:

Note: you will need to login in order to download this piece of code.
PS: Thanks Sudipto for compiling this app.

RE: wmode = "transparent"; where in the js file do I add this parameter?

River — Thu, 06 Nov 2008 14:07:44 GMT

I've found that the "vmode param" removes a little border round the chart movie in wich case in set into an object type (InternetExplorer " Tag" and Firefox " Tag").

In my case, I added addParam("vmode","transparent") as well but It looks like that is not all in some cases, also, you should try to modify the follow snippet code.

** Into the FusionCharts.js file **

Please, Can you identify the function infosoftglobal.FusionCharts = function(swf, id, w, h, debugMode, registerWithJS, c, scaleMode, lang, detectFlashVersion, autoInstallRedirect){

// identify line 36/329
// ensure layers render on top
this.addParam('wmode', 'opaque');

<<<>>>
//replace implicit
this.addParam('wmode', 'transparent');

// Please, Can you identify the function setTransparent?
// line 158/329
setTransparent: function(isTransparent){
var varName = "WMode"; // property ie

//Sets chart to transparent mode when isTransparent is true (default)
//When no parameter is passed, we assume transparent to be true.
if(typeof isTransparent=="undefined") {
isTransparent=true;
}

if (navigator.appName.indexOf("Microsoft Internet")==-1) {
varName = "vmode"; // property ff
}

//Set the property ff
if(isTransparent)
this.addParam( varName, 'transparent');
else
this.addParam( varName, 'opaque');
}
}

Jorge Rivero

RE: wmode = "transparent"; where in the js file do I add this parameter?

efrenlugo — Fri, 24 Oct 2008 11:28:07 GMT

var Chart1 = new FusionCharts(this.chart, "ChartId1", this.width, this.hight);
Chart1.addParam("WMode", "Transparent");
Chart1.setDataXML(this.dataxml);
Chart1.render(this.chart1div);

this works for me.

wmode = "transparent"; where in the js file do I add this parameter?

rbrown — Wed, 16 Jan 2008 10:02:10 GMT

Hi

I've got a problem which has been mentioned in the [url=http://www.fusioncharts.com/KB/article.aspx?id=10033&query=wmode]Knowledge Base[/url].

However, as FusionCharts uses js functions to render the HTML required to show the flash, and my js skills are not what they could be, I'm unsure how to explicitly set 'wmode="transparent"'.

Within FusionCharts.js, there is a section which is as follows:

[code]
setTransparent: function(isTransparent){
//Sets chart to transparent mode when isTransparent is true (default)
//When no parameter is passed, we assume transparent to be true.
if(typeof isTransparent=="undefined") {
isTransparent=true;
}
//Set the property
if(isTransparent)
this.addParam('WMode', 'transparent');
else
this.addParam('WMode', 'Opaque');
},
[/code]

If I view "rendered source" in Firefox though, I cannot see that this parameter is set at all.

Any help much appreciated.

Thanks