Kendo-chart-series label on horizontal bar chart

[Chau]

Could you tell me how to style the label to not overlay with the negative value on a horizontal bar chart?

(see chart image attached)

Thank you.

 

[Dimiter Topalov]

Hi Chau,

If I understand correctly, you would like the vertical axis's labels to not overlap with the series bars. To achieve this, you can define two vertical axes (one of visible labels, one with hidden labels) and let the one with the visible labels intersect with the horizontal axis at its leftmost point, while the one that has no visible labels can intersect with the horizontal axes at point 0, e.g.:

https://plnkr.co/edit/7wiyFIscn40tYvflE8dh?p=preview

You can control the crossing points via the axisCrossingValue property of the value axis (in this example - the horizontal one). The labels, majorTicks and other category axis options are available in the respective CategoryAxisItem API:

https://www.telerik.com/kendo-angular-ui/components/charts/api/CategoryAxisItemComponent/

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Chau]

Thanks Dimiter for your prompt reply!

I used your advice of having two chart-axis (one with visible labels and one with hidden labels at point 0), and setting a majorTicks value to allow some space between the seriesLabel value and the axis label.