Wie kann ich die Linie var x = d3.scale.ordinal().rangeRoundBands([0, width], .05);
von this example arbeiten in d3 v4 mit d3.scaleBand?Wie funktioniert das d3.scaleBand?
12
A
Antwort
19
in D3 4.x ordinal .rangeRoundBands wurde mit Band .rangeRound (Somit gibt es nicht mehr rangeRoundBands
) ersetzt worden ist. Außerdem ...
Der neu Band .padding, Band .paddingInner und Band .paddingOuter Methoden ersetzen die optionalen Argumente ordinal.rangeBands.
So, das 0.05
geht an paddingInner
. Dies ist, wie die Linie in D3 v4.x aussieht:
d3.scaleBand()
.rangeRound([0, width])
.paddingInner(0.05);
ich den Code in Ihrem Beispiel neu geschrieben haben, aktualisiert D3 v4.x: https://plnkr.co/edit/HQz1BL9SECFIsQ5bG8qb?p=preview
Notwendige Änderungen:
var parseDate = d3.timeParse("%Y-%m");
var x = d3.scaleBand().rangeRound([0, width]).paddingInner(0.05);
var y = d3.scaleLinear().range([height, 0]);
var xAxis = d3.axisBottom(x).tickFormat(d3.timeFormat("%Y-%m"));
var yAxis = d3.axisLeft(y).ticks(10);
- für die Stäbe:
.attr("width", x.bandwidth())
Verwandte Themen
- 1. d3.scaleBand ist keine Funktion
- 2. D3.js Übergang funktioniert nicht wie vorgesehen
- 3. Wie funktioniert die DOM-Knotenbereinigung in d3?
- 4. d3.js: Wie funktioniert die Kartenfunktion?
- 5. Wie behebt man das d3-Objekt?
- 6. d3.select Methode funktioniert nicht
- 7. Update d3 Balkendiagramm funktioniert nicht
- 8. d3 multiline voronoi funktioniert nicht
- 9. d3.js Füllstandsanzeige Clip-Pfad funktioniert nicht
- 10. Exit() funktioniert nicht für D3-Gruppe Balkendiagramm
- 11. d3.js Übergang() nicht funktioniert, wenn Browser
- 12. d3.js verschachtelte Auswahl, funktioniert nicht
- 13. Warum d3 funktioniert nicht in NW.js
- 14. $ parser.unshift ?? wie funktioniert das?
- 15. Wie funktioniert das Webpack?
- 16. Wie funktioniert das ServicePointManager.SecurityProtocol?
- 17. Wie funktioniert das Codebeispiel?
- 18. Wie funktioniert das?
- 19. Wie funktioniert das audioParam.exponentialRampToValueAtTime?
- 20. Wie funktioniert das Coverage.so?
- 21. Wie funktioniert das?
- 22. Wie funktioniert das Ganze?
- 23. Wie funktioniert das DLSym?
- 24. d3.js Gruppe Balkendiagramm funktioniert nicht
- 25. Transition In D3 Bargraph funktioniert nicht
- 26. D3.js In Action, Codebeispiel funktioniert nicht
- 27. Simplest D3.js Beispiel nicht funktioniert
- 28. Zeichenkettenvergleich funktioniert nicht in d3.rgb
- 29. D3 -
- 30. d3.html nicht mit d3.v4