Telerik Forums
Kendo UI for jQuery Forum
1 answer
157 views
I'm evaluating whether the radial grid with multiple pointers will do what I need and in order to visually differentiate the pointers, I need to be able to vary the length of each pointer in a tiered fashion. Is it possible to change the length of each of the individual pointers?
Dimiter Madjarov
Telerik team
 answered on 20 Feb 2015
1 answer
75 views
Hello Radial Gauge / Scale options has very good control but we need to change the arrow! I can draw new arrow with svg but I don't know how to include it in Radial Gauge. How can I do this ?

Thank you in advance !
Dimiter Madjarov
Telerik team
 answered on 13 Feb 2015
3 answers
154 views
Is it possible that since Q3 2014 

$gauge->pointer(array('visible' => false))

doesn't work anymore ?
Dimiter Madjarov
Telerik team
 answered on 11 Dec 2014
2 answers
34 views
Is it possible that since Q3 2014 Pointer visibility doesn't work anymore ??
Dimiter Madjarov
Telerik team
 answered on 10 Dec 2014
1 answer
31 views
Is it possible that since  Q3 2014 Pointer visibility doesn't work anymore ?
Dimiter Madjarov
Telerik team
 answered on 10 Dec 2014
1 answer
60 views
Hi I am looking into the demo where the Gauge is with a slide Bar inside it. 

http://dojo.telerik.com/oDoqE

How can I have a circle filled with a specific colour instead of that slidebar
Is that something achievable?
Dimiter Madjarov
Telerik team
 answered on 13 Nov 2014
1 answer
75 views
Hi,

Like the Kendo (HTML/Javascript) charts have seriesClick event, does Kendo Gauges (both Radial and Linear) have any click events?

I want to have a drilldown option for gauges. See my codes below and help me please.


******************************
* My Linear Gauge code *
******************************

            $('.k-gauge').kendoLinearGauge({
                    pointer: { value: dataValue },
                    scale: { min: minValue, max: maxValue,  rangeSize: 15, vertical: true
                            labels: { color: 'white', template: _myFormat },
                            majorTicks: { color: 'white' },
                            minorTicks: { color: 'grey'},
                            ranges: _myRanges()
                    },
                    gaugeArea: { background : '#1E1E1E' }
            });

******************************
* My Radial Gauge code *
******************************

            $('.k-gauge').kendoRadialGauge({
                    pointer: { value: dataValue },
                    scale: { startAngle: angles.start, endAngle: angles.end,
                        min: minValue, max: maxValue, rangeSize: 15,
                        labels: { color: 'white', template: _myFormat },
                        majorTicks: { color: 'white' },
                        minorTicks: { color: 'grey'},
                        ranges: _myRanges()
                   },
                   gaugeArea: { background : '#1E1E1E' }
                });


Dimiter Madjarov
Telerik team
 answered on 12 Nov 2014
2 answers
97 views
I have do some work with radial gauge(angularjs directive), and I found the gauge(svg) would be fixed width and height 200px, can I make a larger radial gauge in angularjs env?
Dimiter Madjarov
Telerik team
 answered on 22 Oct 2014
1 answer
171 views
I have a data with multiple customers, each customer has a "percent tank is full" data point. I would like to put this info in a grid and have the "percent tank full" displayed visually with the radial gauge rather than just a numeric value. How would I go about doing this?
T. Tsonev
Telerik team
 answered on 27 Mar 2014
1 answer
75 views
Is there any way to customize the Radial Gauge Bezel?  Specifically I would like to be able to change the stroke and color, like shown in the attached image.
I've achieved this by changing the stroke and fill color values in chrome developer console like this:
<path style="display: block; " d="M 21.748 348.065 A230 230 0 1,1 448.252 348.065 L 434.345 342.445 A215 215 0 1,0 35.655 342.445 z" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#d2d3d6" stroke="#9c9b9b"></path>

Is there a way to set this by default, so it renders all path sections like this (Note only top part of radial bezel is colored in this image, and not the yellow and red parts)? We're really in need of this functionality, and we've been looking for it for a _long_ time. 

Thanks in advance :)

Regards,
Nicklas
Iliana Dyankova
Telerik team
 answered on 26 Feb 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?