Sign in to follow this  
stung

Overlap data values in a Stacked Bar 2D chart

Recommended Posts

We have encountered an overlap issues in the data values of each stack of a stacked bar 2D chart.

The problem was some of the stack size too small, so the data values shown was overlapped over several stacks. Please advise how to solve this problem.

Thanks in advance.

Share this post


Link to post
Share on other sites

Hi,

There are two possible ways to solve the problem of the oevrlapping of the data values inside the chart, as of now.

The first one is to increase the width and height of the chart in the html page.

Ref.- var chart = new FusionCharts("StackedBar2D.swf", "ChartId", "700", "500", "0", "0");

The second one is to decrease the font size of the data values, applying "styles" in the XML.

Ref.- <styles>

 <definition>

<style name='MyFirstFontStyle' type='font' font='Verdana' size='8' color='FF0000' />

</definition>

 <application>

<apply toObject='DATAVALUES' styles='MyFirstFontStyle' />

 

  </application>

  </styles>

Hope this helps. :)

Edited by Guest

Share this post


Link to post
Share on other sites

Thanks for your advise. We have tried it but still cannot solved as some of stack size are really small.

Is there a way to show the data values in two lines or the font is vertical shown?

761fe5aa-4d15-41ae-9a71-44af.jpg

Thank you.

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