dojo.gauges中仪表的突然变化。不像在dojox.gauges

时间:2013-03-28 20:46:46

标签: javascript jquery dojo

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

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

1 个答案:

答案 0 :(得分:3)

根据dojox/dgauges/CircularRangeIndicator上的API文档,您要查找的媒体资源为animationDuration

  

值更改动画的持续时间(以毫秒为单位)。默认是   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);
});