Hello,
I have a gauge that has values that are retrieved via a web service. The gauge is initially created successfully, but when my timer runs, the object that the series are bound to get updated, but the UI doesn't change.
Is there something I can do to get the UI to refresh that doesn't involve the flickering that I get when I call redraw or I recreate the gauge?
Here is my code:
The first code only updates the pointer value, but I also might want the range values to change.
function ServiceSucceeded(result) {
//alert('Service call succeeded');
// = result.d.Pointer;
Current = result.d;
$("#radial-gauge1").data("kendoRadialGauge").value(Current.Pointer);
}
function createGauge() {
$("#radial-gauge1").kendoRadialGauge({
pointer: {
value: Current.Pointer
},
scale: {
majorUnit: 10,
minorUnit: 3.5,
min: Current.Start,
max: Current.Size,
ranges: [
{
from: Current.Start,
to: Current.RedWidth,
color: "red"
}, {
from: Current.RedWidth,
to: Current.RedWidth + Current.YellowWidth,
color: "yellow"
}, {
from: Current.RedWidth + Current.YellowWidth,
to: Current.GreenWidth + Current.YellowWidth + Current.RedWidth,
color: "green"
}]
}
});
}