Stackedbar2D Labels Aren't Centered

[rhayward]

When using the javascript renderer to render StackedBar2D charts, I'm finding the labels are shifted over approximately 6 pixels to the right of center.  I've attached the image of how it renders.

 

Here's the xml:

<chart defaultAnimation='0' bgColor='FFFFFF'  showBorder='0'  plotGradientColor=' '  showPlotBorder='0'  canvasBorderAlpha='0'  canvasbgColor='FFFFFF'  canvasbgAlpha='0' canvasTopMargin='10' canvasBottomMargin='0' canvasLeftMargin='0' canvasRightMargin='0' chartTopMargin='0' chartBottomMargin='0' chartLeftMargin='0' chartRightMargin='0' formatNumberScale='0' numDivlines='0' divLinecolor='969696' placevaluesinside='1' plotSpacePercent='0' showLegend='0' baseFont='Arial' baseFontSize='14' baseFontColor='000000' outCnvbaseFontSize='14' outCnvbaseFontColor='969696' showtoolTip='1' toolTipBorderColor='969696' toolTipBgColor='969696' xAxisName=''  yAxisName='' showYAxisValues='0' yAxisMinValue='0' yAxisMaxValue='100' > <categories>  <category label='' />  </categories> <colorRange> <color minValue='' maxValue='' code='A6A6A6'/> <color minValue='' maxValue='' code='CCCCCC'/> <color minValue='0' maxValue='100' code='D6D6D6'/> </colorRange>  <dataset seriesName='0-4' color='7F7F7F'>  <set value='6' displayValue='6' />  </dataset>  <dataset seriesName='5' color='D6D6D6'>  <set value='8' displayValue='8' />  </dataset>  <dataset seriesName='6-8' color='7CABC9'>  <set value='31' displayValue='31' />  </dataset>  <dataset seriesName='9-10' color='4680A8'>  <set value='55' displayValue='55%' />  </dataset>  <dataset seriesName='DK' color='null'>  <set value='0' displayValue='0' showValue='0'/>  </dataset> <styles> <definition> <style name='MSTitle' type='font' size='12' color='1B1E1A' /> <style name='MSSubTitle' type='font' size='10' color='969696' /> <style name='Stubs' type='font' size='11' color='1B1E1A' /> <style name='Data' type='font' size='12' color='1B1E1A' /> <style name='RollOver' type='font' size='12' color='FFFFFF' /> <style name='AxisLabels' type='font' size='9' color='969696' /> </definition> <application> <apply toObject='caption' styles='MSTitle' /> <apply toObject='subcaption' styles='MSSubTitle' /> <apply toObject='DataLabels' styles='Stubs' /> <apply toObject='DataValues' styles='Data' /> <apply toObject='toolTip' styles='RollOver' /> <apply toObject='yAxisValues' styles='AxisLabels' /> </application> </styles> </chart>
 

Here's the javascript used to render:

FusionCharts.setCurrentRenderer('javascript');

var myChart = new FusionCharts( "/Fusion/Charts/StackedBar2D.swf", "chartStackedHBar1", "210", "55", "0", "0" );
myChart.setTransparent(true);

myChart.setXMLData( data );
myChart.configure( "ChartNoDataText", "No data available." );
myChart.render( divName ); 

As best I can tell, the version of FusionCharts used is:

 

 FusionCharts JavaScript Library
 Copyright FusionCharts Technologies LLP
 License Information at <http://www.fusioncharts.com/license>

 @author FusionCharts Technologies LLP
 @version fusioncharts/3.2.3-sr1.5347 

 

 

 

[Swarnam]

Hey,

 

Can you please try downloading the latest version of FusionCharts XT 3.3.1 and check if your issue has been resolved?

 

Please find the attached screenshot. Hope this helps.