Warum sind meine Prozentsätze nicht gleichmäßig verteilt?

Ich weiß nicht, warum die Prozentsätze in diesem Diagramm nicht gleich angezeigt werden (beim Mouseover).Warum sind meine Prozentsätze nicht gleichmäßig verteilt?

https://jsfiddle.net/wewffdce/

Der Abstand zwischen den Zahlen und den polygonalen Formen scheinen proportional zur ausgedrückt Menge zu variieren.

Dies ist ungerade, weil ich eine feste Anzahl + 0.15 auf Leitung 759 und 760 (und 779/780 für die 2. grid) für die x und y Attribute gesetzt.

.attr("x", function(d,i){ return rScale(d.value + 0.15) * Math.cos(angleSlice*i - Math.PI/2) }) 
.attr("y", function(d,i){ return rScale(d.value + 0.15) * Math.sin(angleSlice*i - Math.PI/2) })

Was mache ich falsch?

Quelle

2017-09-02 solub

Die feste Zahl außerhalb der Skalenmethode hinzufügen? I.e. Add 0.15 nach der Skalierung, nicht vor der Skalierung. – Terry

Das ist nur ein Eindruck, die Entfernung variiert nicht.

Sie können dies deutlich sehen, wenn Sie die Texte festgelegt auf der x- und y-Positionen zentralisiert werden:

.style("text-anchor", "middle") 
.style("dominant-baseline", "central")

Und schweben über Bonpoint: https://jsfiddle.net/jbbonyfw/

In der Geige ich den y-Wert reduziert rScale(d.value + 0.05).

Quelle

2017-09-02 23:52:43

Danke (wie immer) für die clevere Ergänzung Gerardo Furtado. Die '.style (" dominant-baseline "," central ") Zeile ist sehr nützlich. In Bezug auf die Tipps des Weges sehe ich keine Veränderung ... überhaupt. https://imgur.com/LItjGAh – solub

Das ist witzig, es änderte sich, als ich zum ersten Mal die Geige gegabelt habe ... Wie auch immer, vielleicht ist es nur meine fruchtbare Fantasie. –

Warum sind meine Prozentsätze nicht gleichmäßig verteilt?

Antwort

Verwandte Themen