Seltsam Rasterlinie Verhalten

Armaturenbrett 1: https://bl.ocks.org/diggetybo/073f2f9b4b9a0c88211c9c643e47e9a9 Seltsam Rasterlinie Verhalten

Armaturenbrett 2: https://bl.ocks.org/diggetybo/c16c1168705ea18b7d8711c15e90f8ec

ich lieben würde, wenn jemand erklären könnte, warum die Gitternetzlinien in der zweiten Link auf der rechten unteren Diagramm eines höheren Tickintervall sind (oder was auch immer Sie es nennen wollen) als die im ersten Link. Die d3-Vorlage ist eine, die ich vor ein paar Wochen gemacht habe, und es ist nur etwas, das ich kopiere und einfügen, um es mit verschiedenen Datensätzen zu verwenden. Aber trotz stundenlanger Überprüfung ist mir immer noch nicht klar, warum das so ist.

Das einzige, was anders ist, sind die Daten, aber sie sind von sehr ähnlichen Arten von Daten, die Domänen sollten ähnlich sein. Zum Beispiel ist das Diagramm unten rechts eine positive Zahl für beide Dashboards. Vielleicht wird es aus irgendeinem seltsamen Grund anders geparst?

Lassen Sie mich wissen, wie Sie es getan haben, ob Sie Brute das Styling der Gitternetzlinien gezwungen, oder wenn Sie den Auslöser des Problems gefunden haben. Das heißt, warum wurde so viel mehr Gitternetzlinien in dieses Diagramm eingefügt, aber keines der anderen.

Danke

Quelle

2016-07-09 Arash Howaida

Um die Anzahl der ticks Verwendung Zecken (4)

lesen here zu regulieren dieses 4 Ticks in x-Achse erzeugt.

var xGridlineNodes = svg.append('g') 
     .attr('transform', 'translate(' + margins.left + ',' + (totalHeight - margins.bottom + axisPadding) + ')') 
     .call(xGridlinesAxis.tickSize(-graphHeight - axisPadding, 0, 0).tickFormat("").ticks(4));

Der Grund, warum es mehr Zecken in dashboard2 sind als in dashboard1 ist wegen der unterschiedlichen Datensätzen (es gibt keine CSS-Tricks in das). Kann sein, dass einige Experten Licht auf werfen können, warum mehr Ticks.

Here ist ein Arbeits zupfen, in denen ich die Anzahl der Ticks geregelt haben

Wenn Sie wissen, was die Zecke Werte werden dann tickvalues here lesen

Quelle

2016-07-09 11:32:13 Cyril

verwenden werden Ok, das ist ein großer Schritt nach vorn. Nochmals vielen Dank, dass Sie mir geholfen haben, die Details von D3 zu verstehen. Ist es nun aus rein ästhetischen Gründen möglich, sie dem oberen Graphen ähnlicher zu machen? Es scheint, der Knoten Offset oder etwas muss angepasst werden. Weißt du was ich meine? Wenn ich auf deine Plunks schaue, sind die Gitter in der Größe leicht unterschiedlich. –

Ich vergaß zu erwähnen, der Abstand ist auch anders, ich denke, Größe allein kann nicht den Abstand 100% kontrollieren? Scheint, wir müssen die Ränder oder etwas bearbeiten? Oder liege ich falsch? –

Ja, in beiden Graphen ist alles anders. Eine mögliche Lösung könnte sein, dass der Skalenbereich (dh der Domänenbereich) für beide Graphen derselbe ist ... Aber was ich sehe, ist, dass die Datensätze in beiden Graphen unterschiedlich sind, also glaube ich nicht, dass Sie ähnliche Ticks für beide haben können Grafiken. – Cyril

Antwort

Verwandte Themen