Generate tool tip or text on hover-over of LinearGauge pointer?

1 Answer 137 Views
LinearGauge
Michael
Top achievements
Rank 1
Michael asked on 15 Jul 2021, 01:04 AM
Is there a way to generate some kind of tool tip or text when hovering over the pointer in a linear gauge?

1 Answer, 1 is accepted

Sort by
1
Accepted
Radko
Telerik team
answered on 16 Jul 2021, 02:04 PM

Hi Michael,

You can achieve this using our Tooltip component with a TargetSelector parameter targeting a path element with an exact attribute within the SVG. For example, a CSS selector targeting a pointer with a specific color. In this case, you can't use data- or title attributes, so the tooltip content itself can't be provided from the node itself. Instead, you can populate the content of the Tooltip from properties for example.

I have attached a sample runnable application that demonstrates this approach.

Please let me know if you need any additional information.

Regards, Radko Stanev Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Michael
Top achievements
Rank 1
commented on 16 Jul 2021, 02:22 PM

This worked great, thanks!
Tags
LinearGauge
Asked by
Michael
Top achievements
Rank 1
Answers by
Radko
Telerik team
Share this question
or