Last Updated: 01 Nov 2022 17:13 by ADMIN
Created on: 28 Oct 2022 10:18
Category: Gauge
Type: Feature Request
Show text label on radial gauge

Hi team,

We are working on the Radial Gauge using Jquery Telerik.

We want to add text "Good / bad/ Poor " etc in labels. Check screenshot GaugeWithLabelText.jpg.

We are using below code and the Gauge is getting displayed, Additionally we want to show the Text Labels on the Gauge, Using which property can we achieve the same ?

<div id="gauge"></div>
    var Status = 10;
        renderAs: "canvas",
        pointer: {
            value: Status
        scale: {
            min: 0,
            max: 100,
            ranges: [{
                from: 10,
                to: 20,
                color: "green"
                from: 20,
                to: 30,
                color: "yellow"
                from: 30,
                to: 100,
                color: "Red"

Attached Files:
1 comment
Patrick | Technical Support Engineer, Senior
Posted on: 01 Nov 2022 17:13

Hello Sanket,

Currently, the Kendo UI Radial Gauge does not have a specific configuration which can place text within the ranges.  That being said, I have converted this thread into a feature request with a vote on your behalf asking for this functionality.  Please feel free to continue to follow it for potential updates, and provide any comments/details within the thread for the developer community.   

Please let me know if you have any questions regarding the matter.

Patrick | Technical Support Engineer, Senior
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.