d3.js rotate 27deg radar

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 применяются ко всем дочерним элементам div с классом radarChart. Добавьте более конкретные имена классов ко всем элементам, которые вы хотите включить, и используйте это более конкретное имя класса в коде css. Вы можете добавлять имена классов к объектам легко при создании новых элементов в d3 следующим образом:

.attr("class", "more_specific_class_name") 

или

.classed("more_specific_class_name", true)