Ich versuche, Pinsel zu verwenden, um mein benutzerdefiniertes Diagramm in d3.js zu vergrößern, aber es verhält sich nicht so, wie es sollte. Irgendeine Idee, was falsch sein könnte hier ist js fiddle Ссылка
Wie in dieser Geige Ссылка nach dem Bürsten der Bars gehen Yaxis aus. irgendeine Idee
Was ist falsch mit der vorhandenen Geige? Es verhält sich nicht so, wie es nach dem Zoomen tun soll. Bitte Hilfe. Ich habe gerade die Geige
aktualisiertHier ist das Plugin, das ich erstellt habe.
%Vor%Hier ist das Format der Daten
%Vor%ruft das Plugin auf
%Vor%Bitte schlagen Sie vor, was ich falsch mache. Wenn es zoomt, sollte es sogar für die Linie und die drei anderen Linien zoomen.
Bei der gebürsteten Methode werden die Balken übersetzt, anstatt eine neue x-Position festzulegen (wodurch sie basierend auf ihrer ursprünglichen x-Position außerhalb des Diagramms übersetzt werden). Wenn Sie die x-Position in der bushed-Methode erneut einstellen, werden die Balken beim Skalieren korrekt positioniert:
%Vor%Eine Abzweigung deines Spiels mit dieser Änderung bei Ссылка
Alles sieht gut aus, außer dass Sie die Breite der rect.bar-Elemente in der Funktion brushed () nicht aktualisieren. Sie aktualisieren nur die x-Koordinate. rect.bar Elementbreite in Ihrem Fall ist immer konstant. Und ich habe auch bemerkt, dass beim Ziehen des Pinsels die Elemente aus dem begrenzten Bereich herauskommen, weil die linke und die rechte Seite extra aufgefüllt sind (möglicherweise ist es beabsichtigt).
Also repariere das Problem einfach und es ist gut zu gehen.
Tags und Links javascript jquery charts d3.js data-visualization