Kendo ui 剑道UI动画

每当数据发生变化时，我想实时为我的kendoUI仪表制作动画。目前，我可以通过直接设置仪表指针的值并刷新来实现这一点，但当我这样做时，它将直接跳转到新值，而不会优雅地设置动画。如何像仪表控件首次启动时那样添加动画？

您不需要刷新它，只需使用设置新值，它就会得到更新和动画

示例：定义了一个HTML

input

，我用剑道数字文本框装饰它。每次我更新值时，都会更新径向和线性仪表

HTML代码：

<div>
    <input id="gauge-value" value="65">
</div>
<div id="gauge-container">
    <div id="gaugeR"></div>
    <div id="gaugeL"></div>
</div>

和

NumericTextBox

，带有更新

仪表的更改事件处理程序：

var value = $("#gauge-value").kendoNumericTextBox({
    min   : 0,
    max   : 180,
    change: function () {
        var v = $("#gauge-value").val();
        gaugeR.value(v);
        gaugeL.value(v);
    }
}).data("kendoNumericTextBox");

中的示例这就是您要查找的吗？谢谢OnaBai，我更新的值不正确。如果我能问一个后续问题。如果我想在不重新绘制控件的情况下更改指针在某个范围内的颜色，该怎么办？我们讨论的是径向或线性仪表吗？我知道的唯一方法是调用
重新绘制
。我不知道这是否就是你所说的重画控件的意思。在这里检查并尝试使用不同的值。
var value = $("#gauge-value").kendoNumericTextBox({
    min   : 0,
    max   : 180,
    change: function () {
        var v = $("#gauge-value").val();
        gaugeR.value(v);
        gaugeL.value(v);
    }
}).data("kendoNumericTextBox");