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

Legend stroke width

3 Answers 27 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Yana
Top achievements
Rank 1
Veteran
Yana asked on 25 Jul 2019, 02:07 PM

I increased font on the legend, but stick color marker didn't increase accordingly.

Is there a way to access this through css or otherwise.

Attached current and desired pics

Thank you

 

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 30 Jul 2019, 03:09 PM

Hi Yana,

You can customize the markers in the legend by implementing a Legend Visual template where to define the desired markers shape as desired. You can use as a base the sample provided in the following article:

https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/visual-template

 

Regards, Vessy
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Yana
Top achievements
Rank 1
Veteran
answered on 30 Jul 2019, 05:27 PM

Possibly bit more than i wanted to invest into the problem.

Kinda hoped for simple css change

Thank you though

0
Vessy
Telerik team
answered on 02 Aug 2019, 04:06 PM

Hi Yana,

I am afraid that the chart elements are rendered via SVG objects and this is why they cannot be styled easily with CSS like the standard HTML elements.

Regards, Vessy
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Chart (HTML5)
Asked by
Yana
Top achievements
Rank 1
Veteran
Answers by
Vessy
Telerik team
Yana
Top achievements
Rank 1
Veteran
Share this question
or