Question

我正在创建雷达图并尝试将其旋转27度，但我在轴上定义的图像也会旋转。这不是我想要的，我希望图像留在原处。

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

问题是我不能像我预期的那样用-27度旋转图像。我在这里运行了一个示例：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)

d3.js旋转27deg雷达

1 个答案: