Hello,
as i was working with kendo react charts, i had given the property border{width: 0} in bar series, but still i am getting border, i consoled it, its the stroke-width which is set to be 1. Is there any way to remove stroke-width or border completely at all ? for reference i had attached image.
And i need to style label content like, one string italic and another bold. labelcontent function is returning string so i could not pass html element and style. how can i achieve such scenario ?
as i was working with kendo react charts, i had given the property border{width: 0} in bar series, but still i am getting border, i consoled it, its the stroke-width which is set to be 1. Is there any way to remove stroke-width or border completely at all ? for reference i had attached image.
And i need to style label content like, one string italic and another bold. labelcontent function is returning string so i could not pass html element and style. how can i achieve such scenario ?
1 Answer, 1 is accepted
0
Hello, samir,
I have prepared a sample where the chart items border is removed successfully, you can examine the setup I used in the sample below:
As for the labels styling, the only way to apply bold/italic styles to the text is to implement a custom Visual template for the labels and customize the passed Text object(s):
For example, you can have a similar visual template implementation:
Regards,
Vessy
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.