1

是否有可能针在更新时会逐渐改变值,如dojox.gauges 您可以在此示例中看到,当您按下设置为 15 的按钮时,值直接更改为 15。

这是否有可能使其逐渐通过中间值?

4

1 回答 1

3

根据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);
});
于 2013-03-29T12:21:57.337 回答