Kunal Bagga
Top achievements
Rank 1
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.
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
0
Hello ,
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
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.