Wie kann ich eine Region zwischen zwei Linien in Flot schattieren?

Question

Ich hatte viel Erfolg beim Erstellen von Graphen mit Flot. Jedoch kann ich nicht herausfinden, wie man in einem Bereich zwischen zwei Zeilen über die Bibliothek schattieren würde. Mein Ziel ist es, schattierten Bereiche zu schaffen, wie unten dargestellt:

Graph1 http://hizkiya.com/images/1.jpg Graph2 http://hizkiya.com/images/2.jpg

Ich fand this Plugin, aber es scheint, dass es nur Schatten einen Wertebereich einer Linie, wie here demonstriert.

Update:

Ich habe endlich Schattierung arbeiten, obwohl es etwas hacky ist. Ich zeichne auf, was hier funktioniert, damit andere davon profitieren können.

Um zwischen zwei Zeilen zu schattieren, müssen Sie zwei Datensätze zusammenführen, wobei der höhere Datensatz umgekehrt angeordnet ist. Stellen Sie sicher, dass der erste und der letzte Punkt der Datensätze identisch sind, andernfalls könnten Sie seltsame Ergebnisse erzielen.

Also, zum Beispiel, wenn ich lines: { fill: true} mit data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]] setze, ich am Ende mit einer gefüllten Region.

Answer 1

Es gibt eine {lines: { fill: true} } Option zum Ausführen von Füllungen, und überprüfen Sie this question in ihrem mailing list archive für wie man das zwischen den Zeilen arbeiten.

Beachten Sie, dass sich andere relevante Beiträge in ihrem Mailinglistenarchiv befinden; schau es dir an.