d3 Balkendiagramm steht auf dem Kopf

8

Ich habe ein einfaches Balkendiagramm in d3, mit vertikalen Balken: Ссылка

Allerdings werden die Balken mit der Grundlinie oben im Diagramm gezeichnet.

Ich habe gelesen, dass, um dies zu invertieren, ich von unten nach oben gehe, sollte ich range() auf der Y-Achse ändern. Also, ändere das:

%Vor%

dazu:

%Vor%

Das sieht jedoch so aus, als würde es die Inverse des Diagramms zeichnen - indem Sie den Raum über jeder der Balken zeichnen und die Balken selbst (von unten gezeichnet) transparent lassen. Was mache ich falsch?

    
Phil Gyford 21.02.2013, 20:08
quelle

3 Antworten

11

Nach dem d3-Basis-Balkendiagramm: Ссылка

Sie haben den Bereich korrekt invertiert.

Zusätzlich sollten Ihre Rechtecke wie folgt hinzugefügt werden:

%Vor%     
cmonkey 21.02.2013, 21:15
quelle
1

Das y-Attribut scheint zu funktionieren:

%Vor%

jsfiddle hier

    
mike j m 21.02.2013 21:14
quelle
0

Die x- und y-Koordinaten für svg beginnen oben links. Du möchtest, dass das y unten beginnt. Der folgende Code geht davon aus, dass Sie an eine Funktion anhängen:

%Vor%

Um das Balkendiagramm nach Ihren Wünschen zu gestalten, setzen Sie das Attribut y so, dass es bei der Entfernung data[i] über der Achse beginnt:

%Vor%

Dann müssen Sie den Abstand data[i] zur Achse verlängern.

%Vor%

Und das ist es!

    
Jared Wilber 08.08.2017 05:10
quelle

Tags und Links