Flot 图表:标记 z-index?

Flot charts: markings z-index?

有什么方法可以访问和手动设置浮动图表中标记线的 z-index(因为缺少更好的词)?现在我正在折线图上创建一些标记以用作阈值(基本水平线设置为特定值)并且它工作得很好,除非标记恰好与图表的网格线完美对齐。当发生这种情况时,网格线与标记线重叠,因此很难看到标记线。我想做的是手动将标记线设置在网格线的顶部,但我不知道在哪里设置该选项(或者是否可能)。

这是我正在(动态)创建的标记数组:

markings: [ { y2axis: {from: -20, to: -20}, color: "#848484", lineWidth: 2.5 },{ y2axis: {from: -12, to: -12}, color: "#848484", lineWidth: 2.5 } ]

这是结果的图像(您可以看到 -12 处的阈值隐藏在图表的网格线下方,看起来几乎像 2 条细线):

感谢您提供的任何帮助或建议!

在 canvas 上绘图时没有 z 顺序。后来绘制的是在旧的东西上绘制的。当您查看 flot 代码(在 drawGrid() 函数中)时,您会看到首先绘制标记。

这里有一些不同的解决方案/解决方法:

  1. 您制作 jquery.flot.js 文件的本地副本并更改代码,以便在 drawGrid() 函数中最后绘制标记。
  2. 您删除标记,而是生成一个包含两个端点的简单数据系列,并将其添加到您的数据集中(最好在您的真实数据系列之前)。然后你的标记数据系列绘制在网格之后和你的真实数据系列之前。
  3. 您在 flot 绘制网格之后和 flot 绘制数据图之前手动绘制标记。 (参见documentation。)