2016-04-21 3 views
0

Ich möchte 2 rectangle sliders über x-axis der d3 graph chart zeichnen. Meine Grafikkarte ist hier https://jsfiddle.net/dibyendu/Lkdcw0em/4/ Jetzt 2 rectangle sliders wird bei extreme left von x-axis und extreme right von x-axis platziert werden. Auch beim Verschieben des rectangles überlappt es den geglittenen Bereich, wodurch der geglättete Bereich unscharf wird. Hier Screenshot ähnlich das, was ich versuche,Wie zeichne links und rechts Rechteck Schieberegler über X-Achse von d3 Graph Diagramm

enter image description here

+0

es schließlich hier fixiert https://jsfiddle.net/dibyendu/Lkdcw0em/5/. Aber einige harte Zeit machen mehrere ähnliche Graph-Charts in einer einzigen Seite.Für einzelne Graph-Diagramm funktioniert es gut.Jede Hilfe geschätzt – curiousguy

Antwort

0

Ich habe ein einfaches Arbeitsbereich Auswahl-Werkzeug zu zeichnen:

http://bl.ocks.org/paradite/71869a0f30592ade5246

Sie das Verhalten des Maustaste auf dem Rande ändern könnten und Ändern Sie die Höhe auf einen festen Wert, um den Rechteckschieberegler zu erhalten.

+0

danke für die Antwort @paradite. Ich habe so etwas wie https://jsfiddle.net/dibyendu/erg8jypp/ etwas näher an meine Anforderung gebaut. – curiousguy

+0

https://jsfiddle.net/dibyendu/Lkdcw0em/5/ @paradite hier ist meine letzte modifizierte Arbeitskopie. Aber ich kann es nicht zum Laufen bringen, wenn ich versuche, mehrere Diagramme auf einer Seite zu zeichnen. – curiousguy

Verwandte Themen