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に変える方法を教えてもらえますか？

Answer 1

cssルールがradarChartクラスのdivのすべての子要素に適用されるため、すべてが変わります。有効にするすべての要素に、より具体的なクラス名を追加してください。このより具体的なクラス名をCSSコードで使用してください。

.attr("class", "more_specific_class_name") 

または

.classed("more_specific_class_name", true) 

を次のようにD3で新しい要素を生成しながら簡単にオブジェクトにクラス名を追加することができます