Unplanned
Last Updated: 07 Jan 2022 12:35 by ADMIN
Bob
Created on: 29 Apr 2020 11:52
Category: KendoReact
Type: Feature Request
1
Customize ArcGauge

Is it possible to add a target line to the ArcGauge?   I have attached a picture of what I would like to accomplish using the ArcGauge component.

 

3 comments
ADMIN
Stefan
Posted on: 30 Apr 2020 13:49

Hello, Bob,

There is an option to change them but it will be applied to all labels:

https://www.telerik.com/kendo-react-ui/components/gauges/api/RadialLabels/

As I understand that the requirement was to modify it only on that specific label I will convert this to an enhancement request and we will plan it accordingly.

This is the link if you wish to monitor the progress:

https://feedback.telerik.com/kendo-react-ui/1463941-customize-arcgauge

I also added your vote for convenience.

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Bob
Posted on: 29 Apr 2020 14:37

Hi Stefan,

Thanks for the quick followup.

I looked at the potential solution you provided. I think that would work if I had the ability to control the font color and font weight of the that label.  The idea would be that I would include the other labels and have the target label stand out by a color, weight change.  I tried in the example, but was unable to. If that is possible, I would use that as the solution, otherwise please go ahead and open an enhancement request.  

Bob

ADMIN
Stefan
Posted on: 29 Apr 2020 14:00

Hello, Bob,

Currently, the ArcGauge can only show its current value.

If you wish I can convert this to an official public feature request to add such an option to the component and based on the popularity we will plan it accordingly:

https://feedback.telerik.com/kendo-react-ui

In this state, there is a possible option with custom label templates to set a target indication. This has a different UX, but it can prove helpful:

https://stackblitz.com/edit/react-dniqne?file=app/main.jsx

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.