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找到完整的工作版本：