Entfernen Sie die blaue Farbauswahl, während Sie die Maus ziehen, um in Highcharts zu wählen.

Question

Ich möchte den blauen Bereich entfernen, der im Diagramm angezeigt wird, während die Maus zum Klicken und Ziehen eines bestimmten Bereichs verwendet wird. Ich möchte nicht, dass der Auswahlbereich, der das blaue Farbfeld ist, während der Auswahl angezeigt wird. please see to this image to find the blue selection area that I am asking

Answer 1

Ich sehe hier zwei Dinge. Ich wette, Sie sprechen über Zoomen. Es wäre großartig, wenn Sie JSFiddle oder zumindest Ihre Diagrammkonfiguration posten könnten.

1. Wenn Sie das Zoom-Rechteck ausblenden möchten, ist das Zoomen dennoch aktiv. Highcharts lässt Sie Farbe für selectionMarkerFill auswählen. Sie müssen dort rgba Funktion eingeben. das dauert 0 - 255 für jede Farbe und der letzte Parameter ist die Opazität. 0 ist transparent, 1 ist keine Opazität. Überprüfen Sie die doc here

   chart: { 
       type: 'scatter', 
       zoomType: 'xy', 
       selectionMarkerFill: 'rgba(255, 255, 255, 0)' 
   }, 
   

Sie beispielsweise sehen können, in JSFiddle

2. Sie wollen vollständig deaktivieren Zoomen. Entfernen Sie einfach zoomType: 'xy' und das wird Auswahl Ereignisse deaktivieren.

Answer 2

Sie könnten wahrscheinlich einen ähnlichen Ansatz wie this verwenden, um zu verhindern, dass die Auswahl angezeigt wird.

Grundsätzlich durch CSS für Ihre Diagrammfläche:

body{ 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}