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發現：