Hello,
Is it possible to fill my gauge through my controller?
In a bar chart you can do for example:
.DataSource(ds => ds.Read(read => read.Action("CNTRLLERFUNC", "CNTRLLERNANE")))
How can I perform this for in a gauge? And I don't want this to be done through a model.
4 Answers, 1 is accepted
0

Chili
Top achievements
Rank 1
answered on 07 Nov 2018, 12:56 PM
I have at the moment an ajax thing but I cant fill the value of the gauge....
$.ajax({
type: "GET",
url: '/Home/FillG', // 'ControllerName/ActionName'
//dataType: "json",
success: function (data) {
var fill = document.getElementById("gauge");
fill.value = data;
},
error: function () {
}
});
.Pointer(pointer => pointer.Value(0).Color("black")) //Get value of controller / ajax
0
Accepted
Hello,
Generally, you can configure the Pointer and Scale of the Kendo radial gauge, however, I'm afraid setting it to a data action directly is not provided out-of-the-box:
https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/radialgauge
https://docs.telerik.com/kendo-ui/controls/gauges/radialgauge/overview
Here are 3 options you can try:
1. AJAX request - you can slightly modify your sample to apply Kendo syntax:
https://stackoverflow.com/questions/12342590/kendo-gauge-bind-to-xml-json-datasource
2. Use the change event handler of a separate Kendo data source widget on the page:
https://www.telerik.com/forums/how-can-i-set-the-gauge-value-by-datasource
3. Try to pass the value in the ViewData:
https://stackoverflow.com/questions/15882939/binding-a-kendo-gauge-to-local-data?rq=1
I hope this will prove helpful.
Regards,
Eyup
Progress Telerik
Generally, you can configure the Pointer and Scale of the Kendo radial gauge, however, I'm afraid setting it to a data action directly is not provided out-of-the-box:
https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/radialgauge
https://docs.telerik.com/kendo-ui/controls/gauges/radialgauge/overview
Here are 3 options you can try:
1. AJAX request - you can slightly modify your sample to apply Kendo syntax:
https://stackoverflow.com/questions/12342590/kendo-gauge-bind-to-xml-json-datasource
2. Use the change event handler of a separate Kendo data source widget on the page:
https://www.telerik.com/forums/how-can-i-set-the-gauge-value-by-datasource
3. Try to pass the value in the ViewData:
https://stackoverflow.com/questions/15882939/binding-a-kendo-gauge-to-local-data?rq=1
I hope this will prove helpful.
Regards,
Eyup
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0

Chili
Top achievements
Rank 1
answered on 07 Nov 2018, 02:53 PM
Dear Eyup,
Thanks for your well written reply!
To what do i need to change the .value(data.value); ?
My code:
public
int
FillG()
{
var x = 5;
return
x;
}
$.ajax({
type:
"GET"
,
url:
'/Home/FillGauge'
,
// 'ControllerName/ActionName'
//dataType: "json",
success: function (data) {
$(
"#gauge"
).data(
"kendoRadialGauge"
).value(
/*what needs this to be*/
);
},
error: function () {
}
});
0

Chili
Top achievements
Rank 1
answered on 07 Nov 2018, 03:11 PM
Got it!.