5

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

图1 http://hizkiya.com/images/1.jpg 图2 http://hizkiya.com/images/2.jpg

我找到了这个插件,但它似乎只能对一条线的一系列值进行着色,如此处所示

更新:

我终于开始做着色工作了,虽然它有点老套。我正在记录这里的工作原理,以便其他人可以受益。

为了在两条线之间添加阴影,您必须合并两个数据集,其中较高的一个反向排列。确保数据集的第一个点和最后一个点相同,否则您可能会得到奇怪的结果。

因此,例如,如果我设置lines: { fill: true}data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]],我最终会得到一个填充区域。

4

1 回答 1

4

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

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

于 2010-06-01T21:29:31.210 回答