我在使用 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]]
,我最终得到了一个填充区域。
最佳答案
有一个用于填充的{lines: { fill: true} }
选项,查看this question在他们的 mailing list archive了解如何让它在两行之间工作。
请注意,在他们的邮件列表存档中还有其他相关帖子;看一遍。
关于php - 如何在 flot 中的两条线之间遮蔽区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2953278/