如何動畫道場規？

Question

我試圖在dojo衡量標準中更改價值變化的持續時間，但我想我錯過了某些東西，而且我無法弄清楚它是什麼。

到目前爲止，我已經有了這段代碼，但是指標只是從一個點移動到另一個點，沒有任何動畫。

require(["dojo/ready", "dojo/dom", "dojox/dgauges/components/black/CircularLinearGauge", "dojox/dgauges/GaugeBase"], 
function(ready, dom, CircularLinearGauge, GaugeBase) { 
    var gauge = new CircularLinearGauge({value:10, animationDuration:5000}, dom.byId("circularGauge")); 
    setInterval(function() { 
     var randomValue = Math.floor((Math.random() * 100) + 1); 
     gauge.set("value", randomValue); 
     gauge.refreshRendering(); 
    }, 10000); 
}); 

任何幫助將不勝感激，謝謝提前

Answer 1

看起來與dojox.dgauges.components.DefaultPropertiesMixin的問題。如果將_setValueAttr函數替換爲

_setValueAttr: function(v) { 
    this.getElement("scale").getIndicator("indicator").set("value", v); 
} 

它應該爲您製作動畫。

作爲一個附註，DefaultPropertiesMixin中的所有其他函數直接設置每個屬性，而不是使用set函數。建議將它們改爲使用set函數。