我已經有很多成功創建與Flot圖。然而,我似乎無法弄清楚在圖書館的兩條線之間的區域如何進行陰影處理。我的目標是能夠創建陰影區域,如下圖所示:我怎樣才能遮住兩條線之間的區域?
Graph1 http://hizkiya.com/images/1.jpg Graph2 http://hizkiya.com/images/2.jpg
我發現this插件,但現在看來,它只能遮陽一系列線的值,這表現here。
更新:
我終於得到了遮陽的工作,雖然有點哈克。我正在錄製在這裏有用的東西,以便其他人可以受益。
爲了遮蔽兩行之間的內容,您必須合併兩個數據集,其中較高的一個反向排序。確保數據集的第一個和最後一個點是相同的,否則最終會出現奇怪的結果。
因此,例如,如果我設置lines: { fill: true}
與data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]]
,我最終將填滿一個填充區域。
您的問題鏈接給了我一個404。 – 2010-06-02 01:36:19
對不起,似乎在複製粘貼中刪除了某些東西。現在應該工作。 – eykanal 2010-06-02 03:57:24
感謝您糾正鏈接,並感謝您的答案。 – 2010-06-02 17:13:47