[rbrown]

Hi



I've got a problem which has been mentioned in the Knowledge Base.



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:

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');

   },

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



Any help much appreciated.



Thanks

[efrenlugo]

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.

[River]

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 "

[shamasis]

...

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.

Attached File(s)

•  FusionCharts_Test_MouseEvents_Various_WModes.zip (60.72K)
  Number of downloads: 193