This is a migrated thread and some comments may be shown as answers.

Series Label got cut off

1 Answer 92 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Kunal Bagga
Top achievements
Rank 1
Kunal Bagga asked on 28 Oct 2014, 11:37 AM
Hi, 
We are using RadHTMLChart Bar series in reports. In Ipad/other devices it is working fine but in mobile (iphone) few of the series label got cut off. In the attached image, under Available series the label has to be 420-> but its been cut off. I have tried using (negative) Margin property nut couldn't get the desired result. I have used ClientTemplate also, if I use Div tag, the values are shown at the bottom of the chart. Can you give me a desired solution for this?? 

Note:
Here * I cannot use "InsideEnd" because this is hiding the value 4. 
* I cannot use Margin (negative) because negative margin is also applicable in 4. 
* Can you explain what tag to use in client template. 

Eg:#if(dataItem.count >10){# <text margin-left="-10px">#= dataItem.count #</text> #} else{# <text>#= dataItem.count#</text> #}#

Here text/div/span tag doesn't give me a desired result. 


1 Answer, 1 is accepted

Sort by
0
Stamo Gochev
Telerik team
answered on 31 Oct 2014, 06:47 AM
Hello Kunal,

There are certain limitations regarding the labels positioning functionality of the HtmlChart. As using the Margin and Position properties is not applicable, you can try the Multiline labels feature as a workaround.

You can also have a look at the Feedback Portal item about Intelligent labels.

Regards,
Stamo Gochev
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Chart (HTML5)
Asked by
Kunal Bagga
Top achievements
Rank 1
Answers by
Stamo Gochev
Telerik team
Share this question
or