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)