我用Flot创建图表已经取得了很大的成功.但是,我似乎无法弄清楚如何使用库在两行之间的区域中进行着色.我的目标是能够创建阴影区域,如下所示:
Graph1 http://hizkiya.com/images/1.jpg
Graph2 http://hizkiya.com/images/2.jpg
我找到了this插件,但看起来它只能遮蔽一行的一系列值,如here所示.
更新:
我终于得到了阴影工作,虽然它有点hacky.我正在录制这里有用的内容,以便其他人可以受益.
为了在两行之间进行着色,必须合并两个数据集,而较高的数据集则反向排序.确保数据集的第一个和最后一个点是相同的,否则你可能会得到奇怪的结果.
所以,例如,如果我设置行:{fill:true}和数据:[[0,8],[100,[90,7],[85,6],[ 10,[0,8]],我最终得到一个填充区域.
最佳答案
有一个{lines:{fill:true}}选项用于填充,并在mailing list archive中查看this question,了解如何在行之间进行操作.
请注意,他们的邮件列表存档中还有其他相关帖子;透过它看.