Flot chart：标记z-index？

Question

有没有办法在flot图表中访问并手动设置标记线的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条较细的线条）：

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

Answer 1

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

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

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