禁用D3plus宽度更改动画

Disable D3plus width change animation

本文关键字：动画 D3plus 禁用      更新时间：2024-01-22

我必须动态更改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);
    });

你看过Transitions吗？如果不显示如何更改width矩阵，就无法进行测试，但如果设置.transition(0)，它将立即更新您正在更改的内容（宽度或任何样式）。

有了这个JSFiddle，如果将.duration（3000）的值更改为.dimation（0）[第46行]，动画就会消失。

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

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

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

visualization.timing({"transitions": 0})
相关文章：