Chart renders in the corner some of the time.

[bidwellm]

I hand to switch to the dataXML method to use inline xml, however now the chart periodically renders in a small corner of the chart area.  This only happens sometimes.

I have attached images that show it rending correctly and incorrectly.

Any idea why?

	<div id="report_chart" style="margin-top:6px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="380" id="StackedColumn2D" >
  <param name="movie" value="/donors/donorstemp.nsf/FusionCharts.StackedColumn2D.swf" /><param name="wmode" value="transparent">
  <param name="FlashVars" value="&dataXML=<chart palette='1' showShadow='1' bgColor='FFFFFF' plotSpacePercent='35' xAxisNamePadding='0' legendPadding='6' captionPadding='0' chartTopMargin='10' chartLeftMargin='0' yAxisNamePadding='0' borderColor='FFFFFF'  canvasBorderAlpha='30' legendBorderColor='FFFFFF' legendShadow='0'  shownames='1' showvalues='0'  formatNumberScale='0' showSum='1' decimals='0' useRoundEdges='0' plotFillAlpha='100' plotFillRatio='100'>
<categories><category label='01/08' /><category label='02/08' /><category label='05/08' /><category label='06/08' /><category label='08/08' /><category label='09/08' /><category label='10/08' /></categories><dataset seriesName='' color='F6BD0F' showValues='0'><set value='1' /><set value='9' /><set value='11' /><set value='17' /><set value='2' /><set value='1' /><set value='2' /></dataset></chart>">
  <param name="quality" value="high" />
  <embed src="/donors/donorstemp.nsf/FusionCharts.StackedColumn2D.swf" flashVars="&dataXML=<chart palette='1' showShadow='1' bgColor='FFFFFF' plotSpacePercent='35' xAxisNamePadding='0' legendPadding='6' captionPadding='0' chartTopMargin='10' chartLeftMargin='0' yAxisNamePadding='0' borderColor='FFFFFF'  canvasBorderAlpha='30' legendBorderColor='FFFFFF' legendShadow='0'  shownames='1' showvalues='0'  formatNumberScale='0' showSum='1' decimals='0' useRoundEdges='0' plotFillAlpha='100' plotFillRatio='100'>
<categories><category label='01/08' /><category label='02/08' /><category label='05/08' /><category label='06/08' /><category label='08/08' /><category label='09/08' /><category label='10/08' /></categories><dataset seriesName='' color='F6BD0F' showValues='0'><set value='1' /><set value='9' /><set value='11' /><set value='17' /><set value='2' /><set value='1' /><set value='2' /></dataset></chart>" quality="high" width="580" height="380" wmode="transparent" name="StackedColumn2D" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" />
</object>
</div>

[shamasis]

Hello "bidwellm",

It seems that you have not explicitly provided the chartWidth and chartHeight as required within FlashVars.

To be more precise, in places where you are providing dataXml=<chart ...></chart>, you also need to add &chartWidth=580&chartHeight=380.

The modified version of the code you have posted would be (changes highlighted):

<div id="report_chart" style="margin-top:6px;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="380" id="StackedColumn2D" >

<param name="movie" value="/donors/donorstemp.nsf/FusionCharts.StackedColumn2D.swf" /><param name="wmode" value="transparent">

<param name="FlashVars" value="&dataXML=<chart palette='1' showShadow='1' bgColor='FFFFFF' plotSpacePercent='35' xAxisNamePadding='0' legendPadding='6' captionPadding='0' chartTopMargin='10' chartLeftMargin='0' yAxisNamePadding='0' borderColor='FFFFFF'  canvasBorderAlpha='30' legendBorderColor='FFFFFF' legendShadow='0'  shownames='1' showvalues='0'  formatNumberScale='0' showSum='1' decimals='0' useRoundEdges='0' plotFillAlpha='100' plotFillRatio='100'>

<categories><category label='01/08' /><category label='02/08' /><category label='05/08' /><category label='06/08' /><category label='08/08' /><category label='09/08' /><category label='10/08' /></categories><dataset seriesName='' color='F6BD0F' showValues='0'><set value='1' /><set value='9' /><set value='11' /><set value='17' /><set value='2' /><set value='1' /><set value='2' /></dataset></chart>&chartWidth=580&chartHeight=380">

<param name="quality" value="high" />

<embed src="/donors/donorstemp.nsf/FusionCharts.StackedColumn2D.swf" flashVars="&dataXML=<chart palette='1' showShadow='1' bgColor='FFFFFF' plotSpacePercent='35' xAxisNamePadding='0' legendPadding='6' captionPadding='0' chartTopMargin='10' chartLeftMargin='0' yAxisNamePadding='0' borderColor='FFFFFF'  canvasBorderAlpha='30' legendBorderColor='FFFFFF' legendShadow='0'  shownames='1' showvalues='0'  formatNumberScale='0' showSum='1' decimals='0' useRoundEdges='0' plotFillAlpha='100' plotFillRatio='100'>

<categories><category label='01/08' /><category label='02/08' /><category label='05/08' /><category label='06/08' /><category label='08/08' /><category label='09/08' /><category label='10/08' /></categories><dataset seriesName='' color='F6BD0F' showValues='0'><set value='1' /><set value='9' /><set value='11' /><set value='17' /><set value='2' /><set value='1' /><set value='2' /></dataset></chart>&chartWidth=580&chartHeight=380" quality="high" width="580" height="380" wmode="transparent" name="StackedColumn2D" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" />

</object>

</div>

Edited January 21, 2009 by Guest

[shamasis]

---

And as a side note, you might just be interested with another JavaScript implementation of ours: FusionChartsDOM.

This has the unique feature of using inline XML. It also allows content-developers and other coders to easily integrate charts onto their pages by typing simple "<fusioncharts></fusioncharts>" tags. However, this product too has its own limitations that you might want to look into.

For any further information on FusionChartsDOM, do not hesitate to contact us.

Edited January 21, 2009 by Guest