Sign in to follow this  
suman

Charts Are Not Displaying When Load More Charts

Recommended Posts

Hi,

 

We are loading around 320 charts in the page, After loading the page charts are showing grey circle with an exclamation point.

 

please take a look at this ASAP

 

Regards,

Suman

post-22976-0-90087600-1320045076_thumb.jpg

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

Welcome to FusionCharts Forum! smile.gif

Please make sure that:

1. Each chart on the page should have a unique DOM-Id (which is specified in the JavaScript constructor).

2. Each chart should be denoted by a unique JavaScript variable name (e.g., var chart1 = new FusionCharts (...); var chart2 = new FusionCharts(...); ).

3. Each chart should be rendered in separate HTML container (DIV, SPAN etc), each container having unique id. The chart embedding code must contain a reference to the ID of the container where the chart is to be rendered ( render("chart1div") ; .. render("chart2Div"); ).

Hope this helps.

Share this post


Link to post
Share on other sites

Hi,

 

I have maintained unique ids for all flash controls but still charts are showing grey circle with an exclamation point in IE8.

 

In firefox blank space is showing in place of chat.

 

Here is my rendered code:

 

<div id='dived46e6f6-c8c2-4629-b48a-9f4be3d351d1'><!-- START Code Block for Chart Chartbd49cc56-7add-440f-a580-d512951b76a2 -->

<object id="Chartbd49cc56-7add-440f-a580-d512951b76a2" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="280" width="320" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" >

 

<param name="movie" value="../FusionCharts/Column3D.swf">

<param name="FlashVars" value="&registerWithJS=1&chartHeight=280&DOMId=Chartbd49cc56-7add-440f-a580-d512951b76a2&dataXML=<Chart decimalPrecision='1' showBorder='0' showLegend='1' legendPosition='RIGHT' divLineIsDashed='1' numberScaleUnit='K,M,B' divLineDashLen='1' divLineDashGap='2' showAlternateVGridColor='1' palette='4' showAlternateHGridColor='1' alternateVGridColor='e1f5ff' alternateHGridColor='e1f5ff' useRoundEdges='0' palette='2' showNames='1' showExportDataMenuItem='1' yAxisName='Percentage in %25' xAxisName='Response(s)' plotSpacePercent='180' showValues='1' labelDisplay='WRap' slantLabels='0' showLimits='1' canvasBorderThickness='0' showAnchors='1' showDivLineValue='1' numDivLines='4' showAlternateVGridColor='1' numVisiblePlot='12' plotGradientColor='' showShadow='1' chartTopMargin='1' chartBottomMargin='2' bgColor='FFFFFF,FFFFFF' areaBgColor='DFEFF7' showAreaBorder='1' areaBorderColor='00769C' areaBorderThickness='1' showhovercap='1' xAxisMinValue='0' yAxisMinValue='0' decimals='2' numberSuffix='%25' xAxisMaxValue='0' yAxisMaxValue='100' canvasBgColor='FFFFFF' caption='' showZeroPlane='False' subCaption=' ' ><set Label='A ' value='62.5' Color='41A317' tooltext='A {br}62.5%25'/><set Label='B ' value='37.5' Color='FF66FF' tooltext='B {br}37.5%25'/><set Label='C ' value='0' Color='7C7CB4' tooltext='C {br}0%25'/><set Label='D ' value='0' Color='1895D7' tooltext='D {br}0%25'/><styles><definition> <style name='myBevel' type='bevel' distance='3'/><style name='myShadow' type='shadow' angle='45' distance='3'/><style name='myAnim1' type='animation' param='_yScale' start='0' duration='1'/><style name='myAnim2' type='animation' param='_alpha' start='0' duration='1'/></definition><application><apply toObject='DATAPLOT' styles='myBevel, myShadow' /><apply toObject='VGRID' styles='myAnim1, myAnim2' /></application></styles><styles><definition><style name='myCaptionFont' type='font' color='6F8CB0' font='Trebuchet MS' size='15' bold='1' italic='0' underline='0'

/></definition><application><apply toObject='Caption' styles='myCaptionFont'

/></application></styles><vLine linePosition='10'/></Chart>〈=EN&scaleMode=noScale&chartWidth=320&debugMode=0">

<param name="wMode" value="transparent">

<param name="allowScriptAccess" value="always">

<param name="quality" value="best">

<param name="scaleMode" value="noScale">

 

<embed src="../FusionCharts/Column3D.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="320" type="application/x-shockwave-flash" wMode="transparent" id="Chartbd49cc56-7add-440f-a580-d512951b76a2" scaleMode="noScale" quality="best" flashvars="&registerWithJS=1&chartHeight=280&DOMId=Chartbd49cc56-7add-440f-a580-d512951b76a2&dataXML=<Chart decimalPrecision='1' showBorder='0' showLegend='1' legendPosition='RIGHT' divLineIsDashed='1' numberScaleUnit='K,M,B' divLineDashLen='1' divLineDashGap='2' showAlternateVGridColor='1' palette='4' showAlternateHGridColor='1' alternateVGridColor='e1f5ff' alternateHGridColor='e1f5ff' useRoundEdges='0' palette='2' showNames='1' showExportDataMenuItem='1' yAxisName='Percentage in %25' xAxisName='Response(s)' plotSpacePercent='180' showValues='1' labelDisplay='WRap' slantLabels='0' showLimits='1' canvasBorderThickness='0' showAnchors='1' showDivLineValue='1' numDivLines='4' showAlternateVGridColor='1' numVisiblePlot='12' plotGradientColor='' showShadow='1' chartTopMargin='1' chartBottomMargin='2' bgColor='FFFFFF,FFFFFF' areaBgColor='DFEFF7' showAreaBorder='1' areaBorderColor='00769C' areaBorderThickness='1' showhovercap='1' xAxisMinValue='0' yAxisMinValue='0' decimals='2' numberSuffix='%25' xAxisMaxValue='0' yAxisMaxValue='100' canvasBgColor='FFFFFF' caption='' showZeroPlane='False' subCaption=' ' ><set Label='A ' value='62.5' Color='41A317' tooltext='A {br}62.5%25'/><set Label='B ' value='37.5' Color='FF66FF' tooltext='B {br}37.5%25'/><set Label='C ' value='0' Color='7C7CB4' tooltext='C {br}0%25'/><set Label='D ' value='0' Color='1895D7' tooltext='D {br}0%25'/><styles><definition> <style name='myBevel' type='bevel' distance='3'/><style name='myShadow' type='shadow' angle='45' distance='3'/><style name='myAnim1' type='animation' param='_yScale' start='0' duration='1'/><style name='myAnim2' type='animation' param='_alpha' start='0' duration='1'/></definition><application><apply toObject='DATAPLOT' styles='myBevel, myShadow' /><apply toObject='VGRID' styles='myAnim1, myAnim2' /></application></styles><styles><definition><style name='myCaptionFont' type='font' color='6F8CB0' font='Trebuchet MS' size='15' bold='1' italic='0' underline='0'

/></definition><application><apply toObject='Caption' styles='myCaptionFont'

/></application></styles><vLine linePosition='10'/></Chart>〈=EN&scaleMode=noScale&chartWidth=320&debugMode=0" allowScriptAccess="always" height="280" />

 

</object>

<!-- END Code Block for Chart Chartbd49cc56-7add-440f-a580-d512951b76a2 -->

</div>

 

<div id='div0cb1832e-fb34-4320-897d-c126177f4bb5'><!-- START Code Block for Chart SubChart4c93adb7-cd23-45be-a4c0-06d11a490cf4 -->

<object id="SubChart4c93adb7-cd23-45be-a4c0-06d11a490cf4" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="200" width="480" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" >

 

<param name="movie" value="../FusionCharts/SSGrid.swf">

<param name="FlashVars" value="&registerWithJS=1&chartHeight=200&DOMId=SubChart4c93adb7-cd23-45be-a4c0-06d11a490cf4&dataXML=<Chart decimalPrecision='1' showBorder='0' showLegend='1' legendPosition='RIGHT' divLineIsDashed='1' numberScaleUnit='K,M,B' divLineDashLen='1' divLineDashGap='2' showAlternateVGridColor='1' palette='4' showAlternateHGridColor='1' alternateVGridColor='e1f5ff' alternateHGridColor='e1f5ff' useRoundEdges='0' palette='2' showNames='1' showExportDataMenuItem='1' yAxisName='' xAxisName='' plotSpacePercent='180' showValues='0' labelDisplay='' slantLabels='0' showLimits='1' canvasBorderThickness='0' showAnchors='1' showDivLineValue='1' numDivLines='4' showAlternateVGridColor='1' numVisiblePlot='12' plotGradientColor='' showShadow='1' chartTopMargin='1' chartBottomMargin='2' bgColor='FFFFFF,FFFFFF' areaBgColor='DFEFF7' showAreaBorder='1' areaBorderColor='00769C' areaBorderThickness='1' showhovercap='1' xAxisMinValue='0' yAxisMinValue='0' decimals='2' numberSuffix='%25' xAxisMaxValue='0' yAxisMaxValue='-9999' canvasBgColor='FFFFFF' caption='Item Analysis Report' showZeroPlane='False' subCaption='' ><set Label='A. Oxycodone alone (n = 5)' value='62.5' Color='41A317'/><set Label='B. Oxycodone and hydrocodone (n = 3)' value='37.5' Color='FF66FF'/><set Label='C. Oxycodone, hydrocodone, and morphine (n = 0)' value='0' Color='7C7CB4'/><set Label='D. Either oxycodone alone or opiate negative (n = 0)' value='0' Color='1895D7'/><styles><definition> <style name='myBevel' type='bevel' distance='3'/><style name='myShadow' type='shadow' angle='45' distance='3'/><style name='myAnim1' type='animation' param='_yScale' start='0' duration='1'/><style name='myAnim2' type='animation' param='_alpha' start='0' duration='1'/></definition><application><apply toObject='DATAPLOT' styles='myBevel, myShadow' /><apply toObject='VGRID' styles='myAnim1, myAnim2' /></application></styles><vLine linePosition='10'/></Chart>〈=EN&scaleMode=noScale&chartWidth=480&debugMode=0">

<param name="wMode" value="transparent">

<param name="allowScriptAccess" value="always">

<param name="quality" value="best">

 

<param name="scaleMode" value="noScale">

 

<embed src="../FusionCharts/SSGrid.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="480" type="application/x-shockwave-flash" wMode="transparent" id="SubChart4c93adb7-cd23-45be-a4c0-06d11a490cf4" scaleMode="noScale" quality="best" flashvars="&registerWithJS=1&chartHeight=200&DOMId=SubChart4c93adb7-cd23-45be-a4c0-06d11a490cf4&dataXML=<Chart decimalPrecision='1' showBorder='0' showLegend='1' legendPosition='RIGHT' divLineIsDashed='1' numberScaleUnit='K,M,B' divLineDashLen='1' divLineDashGap='2' showAlternateVGridColor='1' palette='4' showAlternateHGridColor='1' alternateVGridColor='e1f5ff' alternateHGridColor='e1f5ff' useRoundEdges='0' palette='2' showNames='1' showExportDataMenuItem='1' yAxisName='' xAxisName='' plotSpacePercent='180' showValues='0' labelDisplay='' slantLabels='0' showLimits='1' canvasBorderThickness='0' showAnchors='1' showDivLineValue='1' numDivLines='4' showAlternateVGridColor='1' numVisiblePlot='12' plotGradientColor='' showShadow='1' chartTopMargin='1' chartBottomMargin='2' bgColor='FFFFFF,FFFFFF' areaBgColor='DFEFF7' showAreaBorder='1' areaBorderColor='00769C' areaBorderThickness='1' showhovercap='1' xAxisMinValue='0' yAxisMinValue='0' decimals='2' numberSuffix='%25' xAxisMaxValue='0' yAxisMaxValue='-9999' canvasBgColor='FFFFFF' caption='Item Analysis Report' showZeroPlane='False' subCaption='' ><set Label='A. Oxycodone alone (n = 5)' value='62.5' Color='41A317'/><set Label='B. Oxycodone and hydrocodone (n = 3)' value='37.5' Color='FF66FF'/><set Label='C. Oxycodone, hydrocodone, and morphine (n = 0)' value='0' Color='7C7CB4'/><set Label='D. Either oxycodone alone or opiate negative (n = 0)' value='0' Color='1895D7'/><styles><definition> <style name='myBevel' type='bevel' distance='3'/><style name='myShadow' type='shadow' angle='45' distance='3'/><style name='myAnim1' type='animation' param='_yScale' start='0' duration='1'/><style name='myAnim2' type='animation' param='_alpha' start='0' duration='1'/></definition><application><apply toObject='DATAPLOT' styles='myBevel, myShadow' /><apply toObject='VGRID' styles='myAnim1, myAnim2' /></application></styles><vLine linePosition='10'/></Chart>〈=EN&scaleMode=noScale&chartWidth=480&debugMode=0" allowScriptAccess="always" height="200" />

 

</object>

<!-- END Code Block for Chart SubChart4c93adb7-cd23-45be-a4c0-06d11a490cf4 -->

</div>

 

Please take a look at this ASAP

 

Regards,

Suman

post-22976-0-11577200-1320074056_thumb.jpg

post-22976-0-58169200-1320074069_thumb.jpg

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Could you please confirm the FusionCharts version you are using?

 

Awaiting for your response.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this