D3.js旋转27度雷达

d3.js rotate 27deg radar

本文关键字：雷达 27度 旋转 js D3      更新时间：2023-09-26

我正在创建一个雷达图，并试图将其旋转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正常和图例?

一切都被翻转了，因为css规则被应用到带有radarChart类的div的所有子元素上。为你想要翻转的所有元素添加更具体的类名，然后在css代码中使用这个更具体的类名。在d3中生成新元素时，您可以轻松地为对象添加类名，如下所示:

.attr("class", "more_specific_class_name")

或

.classed("more_specific_class_name", true)
相关文章：