代码之家  ›  专栏  ›  技术社区  ›  Oren Hizkiya

如何在flot中为两行之间的区域加阴影?

  •  5
  • Oren Hizkiya  · 技术社区  · 16 年前

    我用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]] 最后得到一个填充区域。

    1 回复  |  直到 16 年前
        1
  •  4
  •   eykanal    16 年前

    有一个 {lines: { fill: true} } 用于填充和签出的选项 this question 在他们 mailing list archive 如何让它在两行之间工作。

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