Css Dropdown Menu Underneath Flash Objects

[bzduke15]

Running v3 of Fusion Charts.

 

My CSS Drop-down menu hides underneath the flash graphs on Chrome and IE. Working on FF.

 

I have tried adding:

 

myChart.setTransparent(true);

 

before the myChart.render();

 

I have messed with z-index on the CSS, to no avail. Any idea whats going wrong?

 

<div id="chart1">
  <script type="text/javascript">
     var myChart = new FusionCharts("../charts/Column3D.swf", "myChartId", "320", "90", "0", "0");
     myChart.setDataXML("<chart caption='' subcaption='' bgAlpha='0' chartTopMargin='3' chartBottomMargin='3' chartLeftMargin='3' chartRightMargin='3' showShadow='1' showDivLineValues='0' showLimits='0' overlapColumns='1' showBorder='0' divLineColor='EEEEEE' formatNumberScale='0' baseFontSize='13' showCanvasBase='1' canvasBaseDepth='5' placeValuesInside='1' outCnvBaseFontSize='13' outCnvBaseFont='Lucida Grande' baseFontColor='000' canvasBgColor='FFFFFF' canvasBgAlpha='0' xAxisName='' yAxisName='' numberSuffix=''><set bgColor='EEEEEE' label='' /><set label='' value='' /><set label='' value='] ?>' /><set label='' value='' /></chart>");

     myChart.render("chart1");
  </script>
  </div>

[Guest Bindhu]

Hi,

 

Welcome to the FusionCharts Forum

 

Thank you for the post.

 

The setTransparent(true) method should be able to suffice your requirement.

 

Please refer to the links below for samples,

http://forum.fusioncharts.com/topic/175-javascript-menu-hiding-behind-the-fusioncharts-object/page__p__44904__hl__settransparent__fromsearch__1#entry44904

 

http://forum.fusioncharts.com/topic/11463-problem-with-fusion-chart-is-coming-on-top-of-jquery-date-picker/page__p__44862__hl__z-index__fromsearch__1#entry44862

 

Hope this helps!