是否有可能针在更新时会逐渐改变值,如dojox.gauges
您可以在此示例中看到,当您按下设置为 15
的按钮时,值直接更改为 15。
这是否有可能使其逐渐通过中间值?
是否有可能针在更新时会逐渐改变值,如dojox.gauges
您可以在此示例中看到,当您按下设置为 15
的按钮时,值直接更改为 15。
这是否有可能使其逐渐通过中间值?
根据dojox/dgauges/CircularRangeIndicatoranimationDuration
上的 API 文档,您要查找的属性是:
值更改动画的持续时间(以毫秒为单位)。默认值为 0。动画发生在用户交互和编程值更改时。将此属性设置为 0 以禁用动画。
我创建了一个测试jsfiddle 来证明这一点:
标记:
<body class="claro">
<div data-dojo-type="dojox/dgauges/components/default/CircularLinearGauge" data-dojo-id="gauge" value="20" minimum="-50" maximum="50" animationDuration="100" style="width:300px; height:300px"></div>
</body>
代码:
require(['dojo/parser', 'dojox/dgauges/components/default/CircularLinearGauge', 'dojo/domReady!'], function (parser, CircularLinearGauge) {
parser.parse();
console.log('parsed');
setInterval(function () {
var newVal = Math.ceil(Math.random() * (100) - 50);
console.log('setting value to', newVal);
gauge.set('value', newVal);
}, 1000);
});