1
Versuchen zu lernen und implementierend3.js zum ersten Mal.Diagrammleisten, die nicht mit x-Achsenwerten in d3.js übereinstimmen
In der Geige, mussten wir die Breite jedes
.attr('width', xScale.rangeBand()) Leitung 46
zu
.attr('width', '10') Leitung 50
von
bar reduzieren, wenn dabei die horizontale x Achsenbeschriftungen werden mit vertikalen Balken nicht ausgerichtet, die nicht benötigt wird.versucht, ein paar Lösungen zu sehen:
- Wir sind nicht in der Lage
tickValuesüberall in meinem Code zu sehen. - konnte nicht verstehen, wo
SVG-Textsetzen - Wir wollen nicht zu hide the x axis labels
- Ours numerisch ist, sie sind discussing about date time kind of axis
Irgendwelche Vorschläge, Art Leute?
Statt magischen Zahlen zu verwenden, warum Sie nicht den Wert auf '.rangeBands zwicken ([0, Breite], somevalue)'? Überprüfen Sie diese modifizierte Geige: https://jsfiddle.net/Lz5y9L8m/ –
@GerardoFurtado - Gelöst wie ein Chef. Kannst du mir bitte auch erklären, wie du dich entschieden hast, 'rangeBands' zu optimieren? – xameeramir
Sicher: das (optional, BTW) Wert nach dem Array legt die Auffüllung (in Ihrem Fall die Auffüllung zwischen den Balken). Hinweis: Dies funktioniert nicht in D3 4.x. –