With the ArcGauge component, when you set the rangeLineCap to something other than 'butt' (ie: round or square), the indicator does not line up with the tick lines. This leads to misleading values. Please look at this StackBlitz:
https://stackblitz.com/edit/react-itztql
This will show the comparison between round and butt rangeLineCaps.
From the screenshot as well, the ArcGauge on the right looks like the value is greater than 0, resulting in the user being mislead on the result.
Hello, Aman,
Thank you for reporting this.
I can confirm that this is an issue with the current version of the KendoReact ArcGauge.
We also have opened a GitHub item for this, so you can monitor it in the most convenient place for you:
https://github.com/telerik/kendo-react/issues/685
Additionally, I have added Telerik points for bringing this to our attention.
Regards,
Stefan
Progress Telerik