d3 einfaches lineares Diagramm mit jquery ui range slider

8

Wie kombinierst du ein einfaches d3.js-Diagramm (zum Beispiel Ссылка ) mit dem jQuery.ui-Bereichsschieberegler? Mit diesem Schieberegler würde ich die x-Achsenskalierung steuern (Anfang und Ende der Datenreihen). Ich erwarte, dass mein Diagramm große Datenmengen enthält und im Idealfall sollte es getan werden, ohne das gesamte Diagramm neu zu zeichnen.

    
luacassus 11.10.2012, 20:41
quelle

1 Antwort

8

Wenn es Ihnen nichts ausmacht, die Punkte neu zu zeichnen, können Sie den Anfang und das Ende der x-Achse mit einer Skalierung steuern, indem Sie die Domäne von x in den Callback-Methoden des jQuery-Bereichsschiebereglers ändern.

Um dies hübsch zu machen, können Sie dies tun, indem Sie einen Übergang verwenden und ein Ausschnittsrechteck hinzufügen. Die Callbacks des Range-Sliders würden etwa so aussehen:

%Vor%

Ich habe das zusammen mit dem Ausschnitt hinzugefügt, um bl.ocks.org/3878029 zu erhalten. Ist das die Skalierung der x-Achse, die Sie sich vorgestellt haben? Es zeichnet den Pfad und die X-Achse neu, aber ich bin nicht sicher, wie Sie das Neuzeichnen vermeiden können, wenn Sie sehen, wie Sie es ändern möchten.

    
cyon 12.10.2012, 08:43
quelle

Tags und Links