私は、Flot を使用してグラフを作成することに多くの成功を収めてきました。ただし、ライブラリを使用して 2 つの線の間の領域でシェーディングを行う方法を理解できないようです。私の目標は、以下に示すように影付きの領域を作成できるようにすることです。
グラフ1 http://hizkiya.com/images/1.jpg グラフ2 http://hizkiya.com/images/2.jpg
このプラグインを見つけましたが、ここで示されているように、線の値の範囲のみをシェーディングできるようです。
アップデート：
ややハックですが、ようやくシェーディングが機能するようになりました。他の人が利益を得ることができるように、ここで何が機能するかを記録しています。
2 つの線の間で影を付けるには、2 つのデータ セットをマージし、上位のデータ セットを逆順に並べる必要があります。データセットの最初と最後のポイントが同じであることを確認してください。そうしないと、奇妙な結果になる可能性があります。
たとえば、 で設定lines: { fill: true}するdata: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]]と、塗りつぶされた領域になります。