d3.js旋轉27deg雷達

Question

我正在創建雷達圖表並試圖將其旋轉27度，但我在我的軸上定義的圖像也旋轉了。這不是我想要的，我希望圖像留在它的位置。

.radarChart{ 
     /* Rotate chart */ 
     -ms-transform: rotate(27deg); 
     -webkit-transform: rotate(27deg); 
     transform: rotate(27deg); 
     } 

的問題是，我不能-27degrees圖像旋轉回如我所料。我有一個例子在這裏運行：http://leanza.nl/teamradar/

正如你可以看到雷達圖轉向了，但數字1到8的圖像也轉動了。而傳說也旋轉了，這也不是想要的。

任何人都可以給我一個提示如何將圖像1.png轉換爲8.png正常和圖例嗎？

Answer 1

因爲css規則應用於radarChart類的div的所有子元素，所有內容都會被轉換。將更多特定的類名稱添加到所有要轉換的元素，然後在css代碼中使用此更具體的類名稱。您可以輕鬆地類名添加到對象而產生的D3新內容如下：

.attr("class", "more_specific_class_name") 

或

.classed("more_specific_class_name", true)