d3中水平条形图的双面动画

时间:2015-05-19 05:09:33

标签: javascript d3.js graph charts

我正在尝试实现类似的图表 https://jasonneylon.wordpress.com/2013/09/05/two-sided-horizontal-barchart-using-d3-js/

我需要一个从中点开始的动画。即左图应从右向左过渡,右图从左向右过渡,原点为中间。

我试过

.transition()
        .delay(100)
        .attr({'x': rightOffset, 'y': yPosByIndex, height: y.rangeBand(), width: xTo})
        .duration(500);

但它会从左到右转换整个图形。

任何帮助将不胜感激

0 个答案:

没有答案