Stackedbar2D Labels Aren't Centered

Recommended Posts

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:


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

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 





Share this post

Link to post
Share on other sites



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.


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