d3.js交互式分组条形图交替旋转

Question

使用http://blog.nextgenetics.net/demo/entry0032/中的示例，我想尝试标记鼠标悬停时选中的分组栏，如http://bl.ocks.org/3177376。

一切似乎工作。但是，旋转仅适用于第一组条形而不是第二组。当我调试时，线

.attr("transform", 
     "rotate(-90 " + x(d.date) + x1(p.key) + "," + y(d.perf) + ")"); 

似乎被跳过。我已经达到了我的极限。请帮忙。有没有人有什么建议？

Answer 1

非常简单的JavaScript错误

x(d.date) + x1(p.key) 

应该

(x(d.date) + x1(p.key)) 

一个完整的工作版本，现在可以在http://bl.ocks.org/3182035发现：