Ausdehnung auf Null gesetzt, wenn Sie auf den Hintergrund klicken

Question

Ich benutze d3, um eine Pinsel-Timeline ähnlich wie this Beispiel zu erstellen. Wenn Sie mit der Maus über die obere Achse des Auswahlbereichs des Diagramms fahren, wird der Cursor zu einem Fadenkreuz. Wenn Sie darauf klicken, wird der Pinsel verschwinden, weil er das vorhandene leer setzt. Gibt es eine Möglichkeit, das zu deaktivieren? Ich möchte sicherstellen, dass der Pinsel niemals einfach verschwindet. Danke für Ihre Hilfe!

Answer 1

Meine Lösung war .on("brushend", funtion(){...}) zu bearbeiten für eine leere Bürste zu überprüfen und Werte zurückgesetzt werden, wenn sie leer ist. Dies stellt sicher, dass der Benutzer niemals einen leeren Pinsel haben kann. Wenn jemand Fragen dazu hat, wie man das genau macht, lass es mich wissen!

Answer 2

Hier sind einige Optionen, die Ihnen das gleiche Ergebnis liefern. Versuchen Sie also eines, das Ihr Fadenkreuz beim Schweben auf der oberen Achse verbirgt.

<rect class="background" x="0" width="885" style="visibility: hidden; cursor: none;"></rect> 

(oder)

$(".background").on('mouseenter',function(){ 
$(this).css('cursor','none'); 
}); 

(oder)

$(".background").on('click',function(event){ 
     event.stopImmediatePropagation(); 
    });