In Flot ist es möglich, Raster zu beseitigen oder zu verbergen Zecken, ohne das entsprechende Etikett zu beseitigen?

StackOverflow https://stackoverflow.com/questions/169894

  •  05-07-2019
  •  | 
  •  

Frage

Die Flot API-Dokumentation zum Anpassen der Achsen der Bibliothek umfangreichen Haken beschreibt ein Graphen. Sie können die Anzahl der Ticks eingestellt, ihre Farbe, etc. für jede Achse separat. Allerdings kann ich nicht herausfinden, wie Flot zu verhindern, dass die vertikalen Gitterlinien zeichnen, ohne auch die x-Achse Etiketten zu entfernen. Ich habe versucht, die tickColor ändern, Zecken und Ticksize Optionen ohne Erfolg.

Ich will schön, Tufte-kompatible Diagramme erstellen, wie diese:

http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint .gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg

Ich finde die vertikalen Ticks auf meinem Graphen Diagramm Junk zu sein. Ich arbeite mit einer Zeitreihe, die ich als vertikale Balken am anzeigt, so dass die vertikalen Zecken oft in eine Art und Weise durch die Stäbe geschnitten, das visuell laut ist.

War es hilfreich?

Lösung

Wie Laurimann erwähnt, weiterhin Flot zu entwickeln. Die Fähigkeit, diese zu steuern, hat den API hinzugefügt worden (wie in der flicht Ausgabe Nelson verknüpft anzumerken).

Wenn Sie die neueste Version (die noch 0,6 markiert ist), können Sie auf einer Achse deaktivieren Zeilen mit „tickLength“, etwa so: 

xaxis: {
  tickLength: 0
}

Rather annoyingly hat dieser Zusatz nicht in der API-Dokumentation aktualisiert.

Andere Tipps

Dieser Beitrag stammt mehr als zwei Jahre nach OP und Flot (jetzt Version 0.6) kann in dieser Zeit sehr viel weiterentwickelt hat oder vielleicht gibt es bessere Möglichkeiten, als es um, aber in jedem Fall hier ist mein Beitrag.

Ich habe aus Versehen in eine Abhilfe für dieses Problem gestoßen: set Netzes des Alphakanal der Zecke Farbe vollständig transparent. Zum Beispiel: 

var options =   {
      grid:   {show: true,
               color: "rgb(48, 48, 48)",
               tickColor: "rgba(255, 255, 255, 0)",
               backgroundColor: "rgb(255, 255, 255)"}
    };

Funktioniert für mich.

Nachdem ich einige Graben um, ich bin ziemlich sicher, dass es nicht möglich, durch die Flot API ist. Dennoch, wenn Sie wirklich schmutzig zu machen, können Sie es tun - ich habe eine modifizierte Version eines Beispiels veröffentlicht das tut es. Quelltext zeigt die gesamte uglyness.

Um Zecken in den Optionen zu Vermeiden Sie nur Zecken geben: [] in der entsprechenden Achse

Ab Juni 2009 gibt es flicht Ausgabe 167 das ist eine Anfrage für diese genaue Funktion. Inklusive zwei Implementierungen und eine Vereinbarung aus dem flicht Autor, dass es eine gute Idee ist.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top