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

Adding Arrows in the Radial Gauge

8 Answers 123 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
gregg
Top achievements
Rank 1
gregg asked on 24 Mar 2017, 02:08 PM

In the Linear gauge you can add a pointer value (little red arrow in the example) that goes on the scale.  Is this possible with the Radial gauge as well?  So I could make a low, avg, and high point on radial gauge instead of using the linear gauge?

 

 

8 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 28 Mar 2017, 10:29 AM
Hello Gregg,

Currently, the arrow pointer shape is not available for the Kendo UI RadialGauge. For now, the "BARINDICATOR" shape can be used to visualise the pointers.

I can suggest submitting a feature request is our feedback portal and based on its popularity we may implement it in a future release:

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/category/46450-kendo-ui-dataviz

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Vinoth
Top achievements
Rank 1
answered on 16 Aug 2020, 12:44 PM

Hi Stefan,

I’m working with kendo radial gauge and I need o change the pointer as arrow which we are using in linear gauge, so kindly let me know if we have any option to integrate arrow pointer to radial gauge.

Regards,

Vinoth S

0
Vinoth
Top achievements
Rank 1
answered on 17 Aug 2020, 06:27 AM

Hi Stefan, 

This arrow pointer in radial gauge i need to implement in angular 8, So please help me to resolve this.

Regards,

Vinoth S

0
Viktor Tachev
Telerik team
answered on 18 Aug 2020, 10:38 AM

Hello,

 

Based on the provided information I guess that you are using Kendo UI for Angular. The RadioGauge supports ranges that can be used to indicate different sections in the widget. Check out the example below that illustrates the functionality.

https://www.telerik.com/kendo-angular-ui/components/gauges/radialgauge/scale-ranges/

 

Regards,
Viktor Tachev
Progress Telerik

0
Vinoth
Top achievements
Rank 1
answered on 18 Aug 2020, 07:50 PM

Hi Viktor,

I understood but the actual issue with pointer, the radial gauge has needle pointer and I want to change as arrow pointer, how could I do that?

Kindly le5 me know solutions.

Regards,

Vinoth S 

0
Viktor Tachev
Telerik team
answered on 19 Aug 2020, 02:42 PM

Hi Vinoth,

 

I am afraid that currently the described pointer modification is not available for the RadialGauge. Nevertheless, you can submit a feature request in our feedback portal as suggested previously by Stefan. 

 

Regards,
Viktor Tachev
Progress Telerik

0
Vinoth
Top achievements
Rank 1
answered on 19 Aug 2020, 07:53 PM

Hi Viktor,

Thank you for your response, Kindly let me know is there any custom way to change the pointer in Radial gauge.

 

Regards,

Vinoth S

0
Tsvetomir
Telerik team
answered on 21 Aug 2020, 11:40 AM

Hi Vinoth,

Since the option of customizing the needle is not exposed via the API of the widget, you would have to internally change its settings. As a base, you could use the Dojo below and adjust the appearance of the element:

https://dojo.telerik.com/OfIdiLay

 

Regards,
Tsvetomir
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Gauge
Asked by
gregg
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Vinoth
Top achievements
Rank 1
Viktor Tachev
Telerik team
Tsvetomir
Telerik team
Share this question
or