Kendo bar chart label

[Nayana]

Hello Team,

I am using bar chart in my app, At some instances when I have large  value my label is hiding within the chart.

I tried giving 100 % width to the parent div and 99% to the div on which I am building the chart but it doesn't always works because value can be of any length(e.g it works if i have 194, but doesn't work if I have 1987643).

I tried giving overflow:visible to <svg> and other parent div but no success.

Check the snapshot for the reference.

 

 

[Nayana]

Attaching the file again with highlighting the issue.

[Preslav]

Hello Nayana,

In order to overcome this issue, I would suggest using one of the following workarounds:

• Setting the panes.clip configuration to false.
  http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-panes.clip
• Change the maximum valueAxis:
  http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-valueAxis.max
• Change the position of the labels:
  http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.labels.position
• Shorten the labels via a template:
  http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.labels.template

Please, check the above resources and let me know if you require any further assistance.


Regards,
Preslav
Telerik by Progress