如何在flot中的两条线之间遮蔽区域？

Question

我用Flot创建图表已经取得了很大的成功.但是,我似乎无法弄清楚如何使用库在两行之间的区域中进行着色.我的目标是能够创建阴影区域,如下所示:

Graph1 http://hizkiya.com/images/1.jpg Graph2 http://hizkiya.com/images/2.jpg

我发现这个插件,但现在看来,它只能遮阳一系列线的值,这表现在这里.

更新:

我终于得到了阴影工作,虽然它有点hacky.我正在录制这里有用的内容,以便其他人可以受益.

为了在两行之间进行着色,必须合并两个数据集,而较高的数据集则反向排序.确保数据集的第一个和最后一个点是相同的,否则你可能会得到奇怪的结果.

所以,举例来说,假如我lines: { fill: true}用data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]],我结束了一个填充区域.

Answer 1

有一个选项可以进行填充，并在他们的邮件列表存档{lines: { fill: true} }中查看这个问题，了解如何使其在行之间工作。

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