我怎样才能遮住两条线之间的区域？

Question

我已经有很多成功创建与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]]，我最终将填满一个填充区域。

Answer 1

有一个{lines: { fill: true} }选项做填充，并检查出this question在他们的mailing list archive如何让它在线之间工作。

请注意，他们的邮件列表存档中还有其他相关的帖子;看看它。