sedhuait

Labels are getting overlapped in MultiLevel Pie Chart

Recommended Posts

 Hi, 

 

I'm using Multilevel pie chart JavaScript version

 

When all the 3 levels falls into a same category, all the 3 labels are getting overlapped. 

Please check attachment for screenshot and my xml chart properties below. 

 

isSmartLineSlanted='1' enableSmartLabels='1' labelDisplay='Stagger' slantLabels='1'  showBorder='0' showLabels='1'  formatNumberScale='0'  useRoundEdges='1' showAlternateHGridColor='0'  " +
" lineThickness='2' chartLeftMargin='5' chartRightMargin='5' chartTopMargin='5' animation='0'   canvasPadding='2'  
 piefillAlpha=\"44\" pieBorderThickness=\"3\" hoverFillColor=\"FDCEDA\" pieBorderColor=\"FFFFFF\" useHoverColor=\"1\" bgcolor=\"ffffff\" basefontColor=\"272627\

 

 

I tried changing labelDisplay='Stagger'  to AUTO , Rotate etc and tried setting label padding , enabling/disabling smart lables.

 

But nothing seems to be working. Please help. 

 

 

post-57394-0-49146700-1381481623_thumb.png

Share this post


Link to post
Share on other sites

This issue exist  only with JavaScript rendering.  When it is changed to flash, it works fine. 

Hi,

 

Please note that wrapped labels are not supported in the JavaScript variant of the normal Pie or Multi Level Pie chart, as of now. :(
 
However, we suggest you to manually insert line breaks ({br}) in the long labels that will prevent overlapping.
Ex: <category label="11{br}Very{br}High" ... >
 
Hope this helps. :)

Share this post


Link to post
Share on other sites

 

Hi,

 

Please note that wrapped labels are not supported in the JavaScript variant of the normal Pie or Multi Level Pie chart, as of now. :(
 
However, we suggest you to manually insert line breaks ({br}) in the long labels that will prevent overlapping.
Ex: <category label="11{br}Very{br}High" ... >
 
Hope this helps. :)

 

 

adding line break doesn't fix / help :unsure: It add line break. but actually labels should come in outer circles. 

As of now everything is coming in the centre circle itself.  

 

Problem is not with wrapped labels. When all levels of multilevel pie falls into same category, then labels of out circle are falling into the core, which causes the overlapping.  

 

 
 

Share this post


Link to post
Share on other sites

Actual Result . 

attachicon.giffailed case.PNG

 

 

Expected Result. 

attachicon.gifproper.PNG

 

Adding Line Break will not solve this issue . 

Hi,

 

We are unable to replicate the actual result that you have stated. Instead with line breaks, we are receiving the result that you are expecting.

 

We have used the Multi Level Pie chart from the latest PowerCharts XT (v3.3.1) Service Release 2. Please make sure you are using the latest version.

 

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