Stroke width on circular gauge

0 Answers 208 Views
CircularGauge
Ron
Top achievements
Rank 1
Veteran
Ron asked on 24 Sep 2022, 05:33 PM
How can I set the stroke width of the circular gauge component? It looks like the width  of the stroke is calulcated relative to the size of the gauge. I would like to increase the stroke width.
Ron
Top achievements
Rank 1
Veteran
commented on 26 Sep 2022, 08:27 AM

I have managed to increase the stroke width by adding the following CSS. It works obviously, but it would be better if the component configuration would support stroke width (and other attributes), similar to other components

#gauge svg g path {
stroke-width: 8px !important;
stroke-linecap: square !important;
}
Nikolay
Telerik team
commented on 28 Sep 2022, 05:23 PM

Hi Ron,

You can also use the built-in scale.minorTicks.width and scale.majorTicks.width properties to adjust the width of the ticks:

scale: {
              min: 0,
              max: 140,
              majorTicks: {
                visible: true,
                width: 8
              },
              minorTicks: {
                visible: true,
                width: 8
              },
              labels: {
                visible: true,
              },
            },

Dojo demo: Untitled | Kendo UI Dojo (telerik.com)

Hope this helps.

Regards,

Nikolay

 

No answers yet. Maybe you can help?

Tags
CircularGauge
Asked by
Ron
Top achievements
Rank 1
Veteran
Share this question
or