Implement LinearGauge as an Indicator for the Heatmap Chart
Environment
Product | Progress® Kendo UI for Angular |
Description
How can I implement the Kendo UI for Angular LinearGauge to indicate the currently hovered series value in the Heatmap Chart?
Solution
-
Implement both Kendo UI for Angular Heatmap Chart and LinearGauge.
-
Set the needed
scale
ranges of the LinearGauge component with the colors that reflect the color configuration of the Heatmap Chart. -
Use the
seriesHover
event to change the value of the linear pointer in the LinearGauge.
The following example demonstrates the full implementation of the suggested approach.