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