Es folgt ein Area Range-Diagramm mit einem Farbverlauf.
Was ich tun möchte, ist, dass der Farbverlauf der Kurve folgt, so dass die Farbe an jedem Punkt entlang der unteren Linie gleich ist und sie endet bei der gleichen Farbe, wenn sie die obere Linie erreicht. Ich bin mir ziemlich sicher, dass dies derzeit keine Option in Highcharts ist, aber ich wollte nur sehen, ob irgendjemand davor schon einmal gestoßen ist. Hier ist der Code, der momentan den Gradienten erzeugt:
%Vor%Danke
Hinweis : Dies ist nicht dasselbe wie Verlaufsfüllung im Liniendiagramm (Highcharts) , da ich den Gradienten benötige, um der Kurve zu folgen
Die Schwierigkeit besteht in der Granularität: Highcharts zeichnet einen einzelnen SVG-Pfad für die Punkte der Serie und verknüpft diesen einen Pfad mit dem Farbverlauf. Wenn Ihre Reihendaten jedoch relativ linear sind, könnte die folgende Näherung nützlich sein. Siehe jsfiddle, das ich erstellt habe :
Wenn Sie davon ausgehen, dass Ihre Seriendaten nicht statisch sind, enthält meine Demo zwei Serien und eine Funktion, die für jede Serie dynamisch den linearGradient erstellt, der Ihrer Anforderung am nächsten kommt:
%Vor%Natürlich ist dieser Ansatz keine vollständige Lösung und nur nützlich, wenn Sie mit Daten arbeiten, die ungefähr einer linearen Kurve folgen. Hier ist die jsfiddle
Ich habe kein Beispiel, noch weiß ich sicher, ob es bereits in den Spezifikationen ist, aber ich bin ziemlich sicher, dass der einzige Weg, diesen Effekt zu erreichen, die Verwendung von SVG-Maische-Gradienten ist.
Sie können die Pfadpunkte als Grenzpunkte für die Mash-Matrix verwenden und den gewünschten Effekt erzielen.
Weitere Informationen finden Sie hier .
Tags und Links javascript jquery highcharts