RockDad Report post Posted March 17, 2010 How does one make a FusionChart transparent? The following code I normally uses doesn't work: <param name="wmode" value="transparent">. I'm trying to show data or a modal window over the charts but it show behind the chart. Any ideas? -David Share this post Link to post Share on other sites
srividya_sharma Report post Posted March 17, 2010 Hi Could you please try setting the bgAlpha='0' in the <chart> element? ( along with wMode value transparent ) Srividya Share this post Link to post Share on other sites
RockDad Report post Posted March 18, 2010 Thanks, I added the tag to all the <chart> tags and it still does the same thing. See image. Share this post Link to post Share on other sites
srividya_sharma Report post Posted March 18, 2010 (edited) Hi Could you try this out - the wmode tranparent ready FusionChartsWmode.js from : http://www.fusioncharts.com/Downloads/FusionChartsWMode.zip Could you also try setting canvasBGAlpha ='0' ? Hope this helps Srividya Edited March 18, 2010 by Guest Share this post Link to post Share on other sites
RockDad Report post Posted March 19, 2010 where does this file go? Share this post Link to post Share on other sites
srividya_sharma Report post Posted March 21, 2010 Hi I appologize for the delay in responding. Could you please send us the entire html code that you are using to embed the chart, so that I can take a look at the issue? Thanks for your patience. Srividya Share this post Link to post Share on other sites
RockDad Report post Posted March 22, 2010 :hehe: No Worries, here you go. <script language="JavaScript" src="js/FusionCharts.js"></script> <div id="chartdiv" align="center"></div> <script type="text/javascript"> var myChart = new FusionCharts("Charts/AngularGauge.swf", "myChartId", "300", "300", "0", "0"); myChart.setDataURL("xml/guagedata.xml"); myChart.render("chartdiv"); </script> <div id="chart1div"> <noscript> <!-- START Code Block for Chart --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="RegionalData" width="400" height="165" id="RegionalData"> <param name="allowScriptAccess" value="always" /> <param name="movie" value="Charts/Bar2D.swf"/> <param name="FlashVars" value="&chartWidth=400&chartHeight=165&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" /> <param name="quality" value="high" /> <param name="wmode" value="transparent"> <embed src="Charts/Bar2D.swf" FlashVars="&chartWidth=400&chartHeight=165&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" quality="high" width="400" height="165" name="RegionalData" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <!-- END Code Block for Chart sampleChart --> </noscript> <p>FusionCharts needs Adobe Flash Player to run. If you're unable to see the chart here, it means that your browser does not seem to have the Flash Player Installed. You can downloaded it <a href="http://www.adobe.com/products/flashplayer/" target="_blank"><u>here</u></a> for free.</p> </div> <script type="text/javascript"> var chart1 = new FusionCharts("Charts/Bar2D.swf", "sampleChart", "400", "175", "0", "1"); chart1.setDataURL("xml/region.xml"); chart1.render("chart1div"); </script> <div id="FG_AvgRevDiv" style="margin-top:10px"></div> <script type="text/javascript" language="javascript"> //Instantiate the Chart var chart_FG_AvgRev = new FusionCharts("Charts/AngularGauge.swf", "RegionGuage", "180", "115", "0", "1"); //Set the dataURL of the chart chart_FG_AvgRev.setDataURL("xml/regionguage.xml"); //Finally, render the chart. chart_FG_AvgRev.render("FG_AvgRevDiv"); </script> <div id="chart2div"> <noscript> <!-- START Code Block for Chart sampleChart --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="FleetData" width="400" height="250" id="FleetData"> <param name="allowScriptAccess" value="always" /> <param name="movie" value="Charts/Bar2D.swf"/> <param name="FlashVars" value="&chartWidth=400&chartHeight=250&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" /> <param name="quality" value="high" /> <param name="wmode" value="transparent"> <embed src="Charts/Bar2D.swf" FlashVars="&chartWidth=400&chartHeight=250&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" quality="high" width="400" height="250" name="ShipData" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <!-- END Code Block for Chart sampleChart --> </noscript> <p>FusionCharts needs Adobe Flash Player to run. If you're unable to see the chart here, it means that your browser does not seem to have the Flash Player Installed. You can downloaded it <a href="http://www.adobe.com/products/flashplayer/" target="_blank"><u>here</u></a> for free.</p> </div> <script type="text/javascript"> var chart1 = new FusionCharts("Charts/Bar2D.swf", "FleetData", "400", "175", "0", "1"); chart1.setDataURL("xml/fleet.xml"); chart1.render("chart2div"); </script> <script type="text/javascript" language="javascript"> //Instantiate the Chart var chart_fleet_AvgRev = new FusionCharts("Charts/AngularGauge.swf","FleetGuage", "180", "115", "0", "1"); //Set the dataURL of the chart chart_fleet_AvgRev.setDataURL("xml/fleetguage.xml"); //Finally, render the chart. chart_fleet_AvgRev.render("Fleet_AvgRevDiv"); </script> Share this post Link to post Share on other sites
srividya_sharma Report post Posted March 22, 2010 Hi I am unable to directly replicate the problem here, because you have only given the code for the charts, but not for the text/ window over the chart. However, for the charts which are rendered using javascript, you would need to add the following statement to make them transparent. For example, chart1.setTransparent(true); Hope this helps. If not, I would need the remaining part of code as well, to test it here. Srividya Share this post Link to post Share on other sites
RockDad Report post Posted March 23, 2010 All Code: <cfajaximport tags="cfwindow"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Navy Seasonal Influenzia Vaccine Dashboard</title> <cfinclude template="qry_dashboard.cfm"> <script language="JavaScript" src="js/FusionCharts.js"></script> <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script> <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script> <script language="JavaScript"> function FC_Rendered(DOMId){ //remove Message var divRef = document.getElementById("unableDiv"); divRef.style.display='none'; } function cleanup() { ColdFusion.Window.destroy('reqinfo',true); } function showWin(id) { //do we have one? try { ColdFusion.Window.destroy('reqinfo',true); } catch(e) { } ColdFusion.Window.create('reqinfo','Vials Requestor Information', 'requestor_pop.cfm?id='+id,{center:true,modal:true,closable:true}); ob = ColdFusion.Window.getWindowObject('reqinfo') ob.center(); ColdFusion.Window.onHide('reqinfo',cleanup); } </script> <!--- Create Array to Hold Region Total Data ---> <cfset arrTotalRegion = ArrayNew(2) /> <cfloop from="1" to="#GetRegionTotals.recordcount#" index="i"> <cfset arrTotalRegion[1] = "0"> <cfset arrTotalRegion[2] = "0"> <cfset arrTotalRegion[3] = "0"> <cfset arrTotalRegion[4] = "0"> <cfset arrTotalRegion[5] = "0"> <cfset arrTotalRegion[6] = "0"> <cfset arrTotalRegion[7] = "0"> </cfloop> <cfoutput query="GetRegionTotals"> <cfset arrTotalRegion[currentrow][1] = "#GetRegionTotals.region#"> <cfset arrTotalRegion[currentrow][2] = "#GetRegionTotals.NasalTotal#"> <cfset arrTotalRegion[currentrow][3] = "#GetRegionTotals.TF6MTHS#"> <cfset arrTotalRegion[currentrow][4] = "#GetRegionTotals.TF36MTHS#"> <cfset arrTotalRegion[currentrow][5] = "#GetRegionTotals.TF18#"> <cfset arrTotalRegion[currentrow][6] = "#GetRegionTotals.TA6MTHS#"> <cfset arrTotalRegion[currentrow][7] = "#GetRegionTotals.TA18#"> </cfoutput> <!--- Create Array to Hold Fleet Total Data ---> <cfset arrTotalFleet = ArrayNew(2) /> <cfloop from="1" to="#GetFleetTotals.recordcount#" index="i"> <cfset arrTotalFleet[1] = "0"> <cfset arrTotalFleet[2] = "0"> <cfset arrTotalFleet[3] = "0"> <cfset arrTotalFleet[4] = "0"> <cfset arrTotalFleet[5] = "0"> <cfset arrTotalFleet[6] = "0"> <cfset arrTotalFleet[7] = "0"> </cfloop> <cfoutput query="GetFleetTotals"> <cfset arrTotalFleet[currentrow][1] = "#GetFleetTotals.fleet#"> <cfset arrTotalFleet[currentrow][2] = "#GetFleetTotals.NasalTotal#"> <cfset arrTotalFleet[currentrow][3] = "#GetFleetTotals.TF6MTHS#"> <cfset arrTotalFleet[currentrow][4] = "#GetFleetTotals.TF36MTHS#"> <cfset arrTotalFleet[currentrow][5] = "#GetFleetTotals.TF18#"> <cfset arrTotalFleet[currentrow][6] = "#GetFleetTotals.TA6MTHS#"> <cfset arrTotalFleet[currentrow][7] = "#GetFleetTotals.TA18#"> </cfoutput> <!--- Create Array to Hold Region Detail Total Data ---> <cfset arrRegionDetail = ArrayNew(2) /> <cfloop from="1" to="#GetRegionDetailTotals.recordcount#" index="i"> <cfset arrRegionDetail[1] = "0"> <cfset arrRegionDetail[2] = "0"> <cfset arrRegionDetail[3] = "0"> <cfset arrRegionDetail[4] = "0"> <cfset arrRegionDetail[5] = "0"> <cfset arrRegionDetail[6] = "0"> <cfset arrRegionDetail[7] = "0"> <cfset arrRegionDetail[8] = "0"> <cfset arrRegionDetail[9] = "0"> <cfset arrRegionDetail[10] = "0"> <cfset arrRegionDetail[11] = "0"> </cfloop> <cfoutput query="GetRegionDetailTotals"> <cfset arrRegionDetail[currentrow][1] = "#GetRegionDetailTotals.region#"> <cfset arrRegionDetail[currentrow][2] = "#GetRegionDetailTotals.uic_id#"> <cfset arrRegionDetail[currentrow][3] = "#GetRegionDetailTotals.name#"> <cfset arrRegionDetail[currentrow][4] = "#GetRegionDetailTotals.uic_child_id#"> <cfset arrRegionDetail[currentrow][5] = "#GetRegionDetailTotals.child_name#"> <cfset arrRegionDetail[currentrow][6] = "#GetRegionDetailTotals.NasalTotal#"> <cfset arrRegionDetail[currentrow][7] = "#GetRegionDetailTotals.TF6MTHS#"> <cfset arrRegionDetail[currentrow][8] = "#GetRegionDetailTotals.TF36MTHS#"> <cfset arrRegionDetail[currentrow][9] = "#GetRegionDetailTotals.TF18#"> <cfset arrRegionDetail[currentrow][10] = "#GetRegionDetailTotals.TA6MTHS#"> <cfset arrRegionDetail[currentrow][11] = "#GetRegionDetailTotals.TA18#"> </cfoutput> <!--- Create Array to Hold Fleet Detail Total Data ---> <cfset arrFleetDetail = ArrayNew(2) /> <cfloop from="1" to="#GetFleetDetailTotals.recordcount#" index="i"> <cfset arrFleetDetail[1] = "0"> <cfset arrFleetDetail[2] = "0"> <cfset arrFleetDetail[3] = "0"> <cfset arrFleetDetail[4] = "0"> <cfset arrFleetDetail[5] = "0"> <cfset arrFleetDetail[6] = "0"> <cfset arrFleetDetail[7] = "0"> <cfset arrFleetDetail[8] = "0"> <cfset arrFleetDetail[9] = "0"> <cfset arrFleetDetail[10] = "0"> <cfset arrFleetDetail[11] = "0"> </cfloop> <cfoutput query="GetFleetDetailTotals"> <cfset arrRegionDetail[currentrow][1] = "#GetFleetDetailTotals.region#"> <cfset arrRegionDetail[currentrow][2] = "#GetFleetDetailTotals.uic_id#"> <cfset arrRegionDetail[currentrow][3] = "#GetFleetDetailTotals.name#"> <cfset arrRegionDetail[currentrow][4] = "#GetFleetDetailTotals.uic_child_id#"> <cfset arrRegionDetail[currentrow][5] = "#GetFleetDetailTotals.child_name#"> <cfset arrRegionDetail[currentrow][6] = "#GetFleetDetailTotals.NasalTotal#"> <cfset arrRegionDetail[currentrow][7] = "#GetFleetDetailTotals.TF6MTHS#"> <cfset arrRegionDetail[currentrow][8] = "#GetFleetDetailTotals.TF36MTHS#"> <cfset arrRegionDetail[currentrow][9] = "#GetFleetDetailTotals.TF18#"> <cfset arrRegionDetail[currentrow][10] = "#GetFleetDetailTotals.TA6MTHS#"> <cfset arrRegionDetail[currentrow][11] = "#GetFleetDetailTotals.TA18#"> </cfoutput> <link href="vials.css" rel="stylesheet" type="text/css" /> <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" /> <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /> </head> <body> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="35"> <div align="center" class="Header"> <img src="_images/nmlc_logo.jpg" width="30" height="30" align="absmiddle" /> 2010-2011 Navy Seasonal Influenza Vaccine Dashboard <img src="_images/nmlc_logo.jpg" alt="" width="30" height="30" align="absmiddle" /></div></td> </tr> <tr> <td><hr /></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="30" align="center" class="SubHeading">Total Response Percentage</td> <td><div align="center"><span class="SubHeading">Regional Response Percentage</span></div></td> <td><div align="center"><span class="SubHeading">Fleet Response Percentage</span></div></td> </tr> <tr> <td width="30%" align="center" valign="top"> <div id="chartdiv" align="center"></div> <script type="text/javascript"> var myChart = new FusionCharts("Charts/AngularGauge.swf", "myChartId", "300", "300", "0", "0"); myChart.setDataURL("xml/guagedata.xml"); myChart.render("chartdiv"); myChart.setTransparent("true"); </script> </td> <td width="35%" align="center" valign="top"> <div id="chart1div"> <noscript> <!-- START Code Block for Chart --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="RegionalData" width="400" height="165" id="RegionalData"> <param name="allowScriptAccess" value="always" /> <param name="movie" value="Charts/Bar2D.swf"/> <param name="FlashVars" value="&chartWidth=400&chartHeight=165&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" /> <param name="quality" value="high" /> <param name="wmode" value="transparent"> <embed src="Charts/Bar2D.swf" FlashVars="&chartWidth=400&chartHeight=165&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" quality="high" width="400" height="165" name="RegionalData" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <!-- END Code Block for Chart sampleChart --> </noscript> <p>FusionCharts needs Adobe Flash Player to run. If you're unable to see the chart here, it means that your browser does not seem to have the Flash Player Installed. You can downloaded it <a href="http://www.adobe.com/products/flashplayer/" target="_blank"><u>here</u></a> for free.</p> </div> <script type="text/javascript"> var chart1 = new FusionCharts("Charts/Bar2D.swf", "sampleChart", "400", "175", "0", "1"); chart1.setDataURL("xml/region.xml"); chart1.render("chart1div"); chart1.setTransparent("true"); </script> <br /> <div class="SubHeading">Overall Regional Percentage Completed</div><br /> <div id="FG_AvgRevDiv" style="margin-top:10px"></div> <script type="text/javascript" language="javascript"> //Instantiate the Chart var chart_FG_AvgRev = new FusionCharts("Charts/AngularGauge.swf", "RegionGuage", "180", "115", "0", "1"); //Set the dataURL of the chart chart_FG_AvgRev.setDataURL("xml/regionguage.xml"); //Finally, render the chart. chart_FG_AvgRev.render("FG_AvgRevDiv"); chart_FG_AvgRev.setTransparent("true"); </script> </td> <td width="35%" align="center" valign="top"> <div id="chart2div"> <noscript> <!-- START Code Block for Chart sampleChart --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="FleetData" width="400" height="250" id="FleetData"> <param name="allowScriptAccess" value="always" /> <param name="movie" value="Charts/Bar2D.swf"/> <param name="FlashVars" value="&chartWidth=400&chartHeight=250&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" /> <param name="quality" value="high" /> <param name="wmode" value="transparent"> <embed src="Charts/Bar2D.swf" FlashVars="&chartWidth=400&chartHeight=250&debugMode=0&dataURL=../Gallery/Data/Bar2D1.xml" quality="high" width="400" height="250" name="ShipData" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <!-- END Code Block for Chart sampleChart --> </noscript> <p>FusionCharts needs Adobe Flash Player to run. If you're unable to see the chart here, it means that your browser does not seem to have the Flash Player Installed. You can downloaded it <a href="http://www.adobe.com/products/flashplayer/" target="_blank"><u>here</u></a> for free.</p> </div> <script type="text/javascript"> var chart1 = new FusionCharts("Charts/Bar2D.swf", "FleetData", "400", "175", "0", "1"); chart1.setDataURL("xml/fleet.xml"); chart1.render("chart2div"); </script><br /> <div class="SubHeading">Overall Fleet Percentage Completed</div><br /> <div id="Fleet_AvgRevDiv" style="margin-top:10px"></div> <script type="text/javascript" language="javascript"> //Instantiate the Chart var chart_fleet_AvgRev = new FusionCharts("Charts/AngularGauge.swf","FleetGuage", "180", "115", "0", "1"); //Set the dataURL of the chart chart_fleet_AvgRev.setDataURL("xml/fleetguage.xml"); //Finally, render the chart. chart_fleet_AvgRev.render("Fleet_AvgRevDiv"); </script> </td> </tr> <tr> <td align="center" valign="top"> </td> <td colspan="2" align="center" valign="top"> </td> </tr> <tr> <td colspan="3" align="center"><hr /></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div id="TabbedPanels1" class="TabbedPanels"> <ul class="TabbedPanelsTabGroup"> <li class="TabbedPanelsTab" tabindex="0">REGIONAL DATA</li> <li class="TabbedPanelsTab" tabindex="0">FLEET DATA</li> <li class="TabbedPanelsTab" tabindex="0">REPORTS</li> </ul> <div class="TabbedPanelsContentGroup"> <div class="TabbedPanelsContent"> <!-- Regional Table Accordian --> <div id="Accordion1" class="Accordion" tabindex="0"> <div class="AccordionPanel"> <div class="AccordionPanelTab"> <div style="margin-top:5px">REGION TOTALS</div> </div> <div class="AccordionPanelContent"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="30"></td> <td class="tableHeading">Nasal Spray<br /> 2yrs - 49 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Free<br /> 36 mths - 17 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 18 yrs and older</td> <td class="tableHeading">Thimerosal - Alt.<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Alt.<br /> 18 yrs and older</td> <td class="tableHeading"><div style="margin-right:20px; text-align:right">TOTALS</div></td> </tr> <!--- Output RegionTotal Array ---> <cfset total2 = 0> <cfset total3 = 0> <cfset total4 = 0> <cfset total5 = 0> <cfset total6 = 0> <cfset total7 = 0> <cfoutput> <cfloop from="1" to="#arrayLen(arrTotalRegion)#" index="x"> <tr> <td height="25" class="MTFHeading"> <div style="margin-left:8px"> #arrTotalRegion[x][1]# </div> </td> <td class="MTFHeadingNum">#NumberFormat(arrTotalRegion[x][2], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalRegion[x][3], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalRegion[x][4], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalRegion[x][5], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalRegion[x][6], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalRegion[x][7], "," )#</td> <cfset Total = #arrTotalRegion[x][2]# + #arrTotalRegion[x][3]# + #arrTotalRegion[x][4]# + #arrTotalRegion[x][5]# + #arrTotalRegion[x][6]# + #arrTotalRegion[x][7]#> <td class="MTFHeadingNum"><div style="margin-right:20px; text-align:right">#NumberFormat(Total, "," )#</div></td> </tr> <cfset total2 = total2 + arrTotalRegion[x][2]> <cfset total3 = total3 + arrTotalRegion[x][3]> <cfset total4 = total4 + arrTotalRegion[x][4]> <cfset total5 = total5 + arrTotalRegion[x][5]> <cfset total6 = total6 + arrTotalRegion[x][6]> <cfset total7 = total7 + arrTotalRegion[x][7]> </cfloop> <tr bgcolor="##99FFFF"> <td height="25" class="SubHeadingData"><div style="margin-left:2px">Grand Totals</div></td> <td width="10%" class="tableHeadingNum">#NumberFormat(total2, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total3, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total4, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total5, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total6, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total7, "," )#</td> <cfset GrandTotal = #total2# + #total3# + #total4# + #total5# + #total6# + #total7#> <td width="10%" class="tableHeadingNum"><div style="margin-right:20px; text-align:right">#NumberFormat(GrandTotal, "," )#</div></td> </tr> </cfoutput> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> </div> <!--- <cfloop index="x" from="1" to="#arrayLen(arrRegionDetail)#"> <cfoutput group="#arrRegionDetail[x][1]#"> #arrRegionDetail[x][1]#<br /> <cfoutput group="#arrRegionDetail[x][2]#"> #arrRegionDetail[x][3]# (#arrRegionDetail[x][2]#)<br /> </cfoutput> </cfoutput> </cfloop> ---> <!--- Display Region Data (Group 1) ---> <cfoutput query="GetRegionDetailTotals" group="region"> <div class="AccordionPanel"> <div class="AccordionPanelTab"> <div style="margin-top:5px">#region#</div> </div> <div class="AccordionPanelContent"> <div style="margin:5px"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"></td> <td class="tableHeading">Nasal Spray<br /> 2yrs - 49 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Free<br /> 36 mths - 17 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 18 yrs and older</td> <td class="tableHeading">Thimerosal - Alt.<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Alt.<br /> 18 yrs and older</td> <td class="tableHeading"><div style="margin-right:20px; text-align:right">TOTALS</div></td> </tr> <!--- Display Parent Data (Group 2) ---> <cfoutput group="uic_id"> <tr> <td height="20" class="MTFHeading"><div style="margin-left:8px"> #name# (#uic_id#) </div></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> </tr> <!--- Display Child Data ---> <cfoutput> <tr bgcolor="###iif(currentrow MOD 2,DE('ffffff'),DE('FAF8F5'))#"> <td height="20" class="MTFSubHeading"><div style="margin-left:15px"> <a href="##" onClick="javascript:showWin('#uic_child_id#')"> #child_name# (#uic_child_id#) </a> </div></td> <td class="MTFSubHeadingNum">#NumberFormat(arrRegionDetail[currentrow][6], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrRegionDetail[currentrow][7], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrRegionDetail[currentrow][8], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrRegionDetail[currentrow][9], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrRegionDetail[currentrow][10], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrRegionDetail[currentrow][11], "," )#</td> <cfset GrandDetailTotal = #arrRegionDetail[currentrow][6]# + #arrRegionDetail[currentrow][7]# + #arrRegionDetail[currentrow][8]# + #arrRegionDetail[currentrow][9]# + #arrRegionDetail[currentrow][10]# + #arrRegionDetail[currentrow][11]#> <td class="MTFSubHeadingNumTotal"><div style="margin-right:20px; text-align:right"> #NumberFormat(GrandDetailTotal, "," )#</div></td> </tr> </cfoutput></cfoutput> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <!--- <tr bgcolor="##99FFFF"> <td height="20" class="SubHeadingData"><div style="margin-left:2px">TOTALS</div></td> <td width="10%" class="tableHeadingNum"></td> <td width="11%" class="tableHeadingNum"></td> <td width="11%" class="tableHeadingNum"></td> <td width="11%" class="tableHeadingNum"></td> <td width="11%" class="tableHeadingNum"></td> <td width="11%" class="tableHeadingNum"></td> <td width="10%" class="tableHeadingNum"></td> </tr> ---> </table> </div> </div> </div> </cfoutput></div> <!-- End Regional Accordian--> </div> <!--- Fleet Data Tab ---> <div class="TabbedPanelsContent"> <div id="Accordion2" class="Accordion" tabindex="0"> <div class="AccordionPanel"> <div class="AccordionPanelTab"><div style="margin-top:5px">FLEET TOTALS</div></div> <div class="AccordionPanelContent"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="30" width="100"></td> <td class="tableHeading">Nasal Spray<br /> 2yrs - 49 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Free<br /> 36 mths - 17 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 18 yrs and older</td> <td class="tableHeading">Thimerosal - Alt.<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Alt.<br /> 18 yrs and older</td> <td class="tableHeading"><div style="margin-right:20px; text-align:right">TOTALS</div></td> </tr> <!--- Output FleetTotal Array ---> <cfset total2 = 0> <cfset total3 = 0> <cfset total4 = 0> <cfset total5 = 0> <cfset total6 = 0> <cfset total7 = 0> <cfoutput> <cfif arrayLen(arrTotalFleet) EQ 0> <tr> <td class="MTFHeading" height="25"><div style="margin-left:8px">No Data to Display</div> </td> <td class="MTFHeading" colspan="7" height="25"></td> </tr> <cfelse> <cfloop from="1" to="#arrayLen(arrTotalFleet)#" index="x"> <tr> <td height="25" class="MTFHeading"><div style="margin-left:8px">#arrTotalFleet[x][1]#</div></td> <td class="MTFHeadingNum">#NumberFormat(arrTotalFleet[x][2], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalFleet[x][3], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalFleet[x][4], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalFleet[x][5], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalFleet[x][6], "," )#</td> <td class="MTFHeadingNum">#NumberFormat(arrTotalFleet[x][7], "," )#</td> <cfset Total = #arrTotalFleet[x][2]# + #arrTotalFleet[x][3]# + #arrTotalFleet[x][4]# + #arrTotalFleet[x][5]# + #arrTotalFleet[x][6]# + #arrTotalFleet[x][7]#> <td class="MTFHeadingNum"><div style="margin-right:20px; text-align:right">#NumberFormat(Total, "," )#</div></td> </tr> <cfset total2 = total2 + arrTotalFleet[x][2]> <cfset total3 = total3 + arrTotalFleet[x][3]> <cfset total4 = total4 + arrTotalFleet[x][4]> <cfset total5 = total5 + arrTotalFleet[x][5]> <cfset total6 = total6 + arrTotalFleet[x][6]> <cfset total7 = total7 + arrTotalFleet[x][7]> </cfloop> <tr bgcolor="##99FFFF"> <td height="25" class="SubHeadingData"><div style="margin-left:2px">Grand Totals</div></td> <td width="10%" class="tableHeadingNum">#NumberFormat(total2, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total3, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total4, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total5, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total6, "," )#</td> <td width="11%" class="tableHeadingNum">#NumberFormat(total7, "," )#</td> <cfset GrandTotal = #total2# + #total3# + #total4# + #total5# + #total6# + #total7#> <td width="10%" class="tableHeadingNum"><div style="margin-right:20px; text-align:right">#NumberFormat(GrandTotal, "," )#</div></td> </tr> </cfif> </cfoutput> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> </div> <!--- Loop Fleet Data Tab ---> <cfoutput query="GetFleetDetailTotals" group="fleet"> <div class="AccordionPanel"> <div class="AccordionPanelTab">#Fleet#</div> <div class="AccordionPanelContent"> <div style="margin:5px"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"></td> <td class="tableHeading">Nasal Spray<br /> 2yrs - 49 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Free<br /> 36 mths - 17 yrs</td> <td class="tableHeading">Thimerosal - Free<br /> 18 yrs and older</td> <td class="tableHeading">Thimerosal - Alt.<br /> 6 mths - 35 mths</td> <td class="tableHeading">Thimerosal - Alt.<br /> 18 yrs and older</td> <td class="tableHeading"><div style="margin-right:20px; text-align:right">TOTALS</div></td> </tr> <!--- Display Parent Data (Group 2) ---> <cfoutput group="tycom_type"> <tr> <td height="20" class="MTFHeading"><div style="margin-left:8px">#tycom_type#</div></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> <td class="MTFHeadingNum"></td> </tr> <!--- Display Child Data ---> <cfoutput> <tr bgcolor="###iif(currentrow MOD 2,DE('ffffff'),DE('FAF8F5'))#"> <td height="20" class="MTFSubHeading"><div style="margin-left:15px">#ship_name# (#uic_id#)</div></td> <td class="MTFSubHeadingNum">#NumberFormat(arrFleetDetail[currentrow][6], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrFleetDetail[currentrow][7], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrFleetDetail[currentrow][8], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrFleetDetail[currentrow][9], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrFleetDetail[currentrow][10], "," )#</td> <td class="MTFSubHeadingNum">#NumberFormat(arrFleetDetail[currentrow][11], "," )#</td> <cfset GrandFleetDetailTotal = #arrFleetDetail[currentrow][6]# + #arrFleetDetail[currentrow][7]# + #arrFleetDetail[currentrow][8]# + #arrFleetDetail[currentrow][9]# + #arrFleetDetail[currentrow][10]# + #arrFleetDetail[currentrow][11]#> <td class="MTFSubHeadingNumTotal"><div style="margin-right:20px; text-align:right"> #NumberFormat(GrandFleetDetailTotal, "," )#</div></td> </tr> </cfoutput></cfoutput> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> </div> </cfoutput> </div> </div> <!--- End Regional Accordian ---> <div class="TabbedPanelsContent"> <div style="margin-top:10px"> <table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="text"> <table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="4%" height="25"><div align="center">•</div></td> <td width="20%"><a href="reports/mtfdata.cfm">MTF Report</a></td> <td width="73%">(Displays all MTF location with Regions and UIC information)</td> </tr> <tr> <td height="25"><div align="center">•</div></td> <td><a href="reports/mtf_complete.cfm">MTF Completed Requests</a></td> <td>(Displays MTF Report of who has or has not completed a Vaccine request)</td> </tr> <tr> <td height="25"><div align="center">•</div></td> <td><a href="reports/fleetdata.cfm">Fleet Report</a></td> <td>(Active Fleet Data Dump)</td> </tr> </table></td> </tr> </table> <br /> </div> </div> </div> </div> </td> </tr> <tr> <td></td> </tr> </table> <p> </p> <!--- Regional Data Accordian---> <!--- End Accordian ---> <script type="text/javascript"> <!-- var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: -1 }); var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1"); var Accordion2 = new Spry.Widget.Accordion("Accordion2"); //--> </script> </body> </html> Share this post Link to post Share on other sites
FusionCharts Support Report post Posted March 24, 2010 Hi, Please add wmode='transparent' in all <embed> element too - if you are testing this in non-Internet Explorer browser. NOTE: OBJECT element is for Internet Explorer and for other browsers its EMBED. Also please add setTransparent(true); if you are using JavaScript embedding method. var myChart = new FusionCharts("Charts/AngularGauge.swf", "myChartId", "300", "300", "0", "0"); myChart.setDataURL("xml/guagedata.xml"); myChart.setTransparent(true); myChart.render("chartdiv"); Make sure that you have the updated FusionCharts.js file (that has this function defined in it). You can open the file in a text editor and search for 'setTransparent'. Share this post Link to post Share on other sites
RockDad Report post Posted March 24, 2010 Where can I get the latest .js file? Share this post Link to post Share on other sites
Guest Basundhara Ghosal Report post Posted March 24, 2010 Hi, Please check the attachment that we are sending you for the latest FusionCharts.js file. FusionCharts.zip Share this post Link to post Share on other sites