禁用D3plus宽度更改动画

Question

我必须动态地改变D3plus图表的宽度，问题是宽度的改变不是瞬间的，但是有一个动画可以相应地缩小或放大图表，有没有办法在D3plus中禁用这个动画或所有最终的动画呢？

这是我使用的代码：

var visualization = d3plus.viz()
            .container('#' + id)
            .data(data)
            .type('tree_map')
            .id('name')
            .size('value')
            .width($(window).width() - 85)
            .draw();

    $(window).on('orientationchange', function () {
        window.setTimeout(function () {
                visualization.width($(window).width() - 85).draw();
        }, 200);
    });

Answer 1

你看过Transitions吗？不展示如何更改width属性就无法测试，但是如果您设置了.transition(0)，那么它将立即更新您所更改的任何内容(宽度或任何样式)。

使用此JSFiddle，如果将.duration(3000)的值更改为.duration(0)行，则动画将消失。

使用动画：http://jsfiddle.net/k5rw9qr5/

使用.duration(0)：http://jsfiddle.net/pha367zu/1/

Answer 2

D3plus documentation列出了一个可以修改的.timing()方法。您可能希望将过渡计时设置为零：

visualization.timing({"transitions": 0})