javascript - 禁用 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

你看过过渡吗？无法在不显示您如何更改width属性的情况下进行测试，但如果您进行了设置.transition(0)，那么它将立即更新您正在更改的任何内容（宽度或任何样式）。

使用此 JSFiddle，如果您将 .duration(3000) 的值更改为 .duration(0) [第 46 行]，动画就会消失。

带动画：http: //jsfiddle.net/k5rw9qr5/

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

Answer 2

D3plus 文档列出了可以修改的 .timing() 方法。您可能希望将转换时间设置为零：

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