我在使用 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]]
,我最终会得到一个填充区域。