2010-06-01 90 views
5

我已經有很多成功創建與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]],我最終將填滿一個填充區域。

回答

4

有一個{lines: { fill: true} }選項做填充,並檢查出this question在他們的mailing list archive如何讓它在線之間工作。

請注意,他們的郵件列表存檔中還有其他相關的帖子;看看它。

+0

您的問題鏈接給了我一個404。 – 2010-06-02 01:36:19

+0

對不起,似乎在複製粘貼中刪除了某些東西。現在應該工作。 – eykanal 2010-06-02 03:57:24

+0

感謝您糾正鏈接,並感謝您的答案。 – 2010-06-02 17:13:47