mobile - D3.js中的动画纵横比？

Question

我正在使用树图示例http://bl.ocks.org/4063582

我想通过动画树状图的单元格以适应新的纵横比来响应移动设备上的方向变化。这是我的非工作尝试：

  d3.select("#rotate").on("click", function(){
    alert('rotate');

    div.style('width', height+'px').style('height', width+'px');

    treemap.size([height, width]);

    var tmp = width;
    width = height;
    height = tmp;

    node
        .transition()
        .duration(1500)
        .call(position);
  });

我的测试按钮会触发警报，但树形图中没有任何反应。这可能与树形图有关吗？