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

How to add Custom Labels at specific ticks(Scale vale) in Radial Gauge chart?

11 Answers 390 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
prabhakar
Top achievements
Rank 1
prabhakar asked on 20 Sep 2013, 09:45 AM

I have Gauge chart with pointer value  3 as shown in attached screen shot. Now how to add custom label at  3

11 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 23 Sep 2013, 11:39 AM
Hello Prabhakar,

In order to achieve this you could use scale.labels.template. For example:

$("#gauge").kendoRadialGauge({
  //....
  scale: {
      labels: {
          template: "#=customLabels(value)#"
      }
  }
});
 
function customLabels(value){
  if (value == 3){
    return "Custom Label"
  }
}
Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
prabhakar
Top achievements
Rank 1
answered on 23 Sep 2013, 12:02 PM
Thanks for your support...I am bale to render custom labels now.
I need below help for the same requirement.

How to show labels for every Minor Unit in Gauge Chart?
0
Hristo Germanov
Telerik team
answered on 24 Sep 2013, 04:03 PM
Hi Prabhakar,

You can't render labels for the minor ticks but you can change the major unit to be equal to the minor unit then you will have labels for all ticks.

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
prabhakar
Top achievements
Rank 1
answered on 25 Sep 2013, 04:23 AM
How to increase the size (Thickness) of the ranges bar in Gauge chart?
I am not able to set rangeSize for scale in razor.
0
Hristo Germanov
Telerik team
answered on 26 Sep 2013, 02:50 PM
Hello plabhakar,

1) You can change the scale.majorUnit in order to change the distance between ticks.
2) You can set the rangeSize with: 

.Scale(scale => scale
    .RangeSize(20)
)

I hope this helps.

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
prabhakar
Top achievements
Rank 1
answered on 27 Sep 2013, 04:38 AM
I have already tried above code...it is throwing compilation error.
Please see attached screen shot for Error.
0
Hristo Germanov
Telerik team
answered on 30 Sep 2013, 03:20 PM
Hi prabhakar,

I tried to reproduce the problem - to no avail. I am sending my test project for your reference. Could you please examine it and try to reproduce the problem?

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
prabhakar
Top achievements
Rank 1
answered on 01 Oct 2013, 11:47 AM
Please see attached screen shot for Kendo Mvc Version I have been using.
0
Hristo Germanov
Telerik team
answered on 03 Oct 2013, 07:37 AM
Hello probhakar,

You are right. This property is added with the SP1 of Kendo UI. Could you please update to the SP1 of Kendo UI in order to use this property?

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
prabhakar
Top achievements
Rank 1
answered on 03 Oct 2013, 08:32 AM
I am using trial version so can you please send me Kendo UI SP1 download link?
0
Hristo Germanov
Telerik team
answered on 03 Oct 2013, 08:45 AM
Hello prabhakar,

You can download the SP1 of Kendo UI from Home / Your Products / Trial Download List.

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
prabhakar
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
prabhakar
Top achievements
Rank 1
Hristo Germanov
Telerik team
Share this question
or