Charts Are Not Displaying When Load More Charts

[suman]

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

[Guest Angshu]

Hi,

Welcome to FusionCharts Forum!

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.

[suman]

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

[Guest Angshu]

Hi,

 

Could you please confirm the FusionCharts version you are using?

 

Awaiting for your response.

[suman]

Hi,

 

We are using v2.0.50727 version

 

Regards,

Suman

[suman]

Hi,

 

Are you found any solution for my issue

 

Regards,

Suman

[FusionCharts Support]

Hi,

 

This seems that the path to the SWF files might be wrong.

 

Could you please check that the paths to the charts SWFare correct.

 

I think the SWF files should reside at {your server path}/Web/Quiz/FusionCharts folder.

[suman]

Hi,

 

This issue is coming only when we loaded more charts(320 charts) in the page.

 

Regards,

Suman

[suman]

Hi,

 

Some times in firefox showing message "Adobe Flash Player is Carshed" after loading page

 

 

Regards,

Suman

[Guest Angshu]

Hi,

 

Thanks for your post.

 

Please refer to the forum link:

 

http://forum.fusioncharts.com/topic/9850-adobe-flash-player-crashing-with-large-numbers-of-categories-andor- datasets/page__p__38393__hl__flash+player+crash__fromsearch__1#entry38393

Hope this helps.