Mam następujące dane dotyczące strzałek na cel:

var data = [
    { name: "Bullseye", dist: 0, angle: 0 },   
    { name: "Strike 1", dist: 50, angle: 0 },   
    { name: "Strike 2", dist: 100, angle: 90 },    
    { name: "Strike 3", dist: 150, angle: 180 }   
];

Chciałbym stworzyć poniższy diagram uderzeń strzałąD3.js:

Doszedłem do umieszczenia kręgów i pokrewnego tekstu wg element razem, a następnie obracającg element. Ale nie wiem, jak zachować tekst w tej samej orientacji: również się obraca. (Nie mogę też dowiedzieć się, jak sprawić, by rotacja działała w pełni, ale to inny problem.)

Oto JSFiddle demonstrujący wypróbowany kod i problem:http://jsfiddle.net/qzkv4/10/