浮动图表：标记 z-index？

Question

有什么方法可以访问和手动设置浮动图表中标记线的 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 顺序。后来绘制的东西是在旧的东西上绘制的。当您查看浮点代码（在drawGrid() 函数中）时，您会看到标记是首先绘制的。

这里有几种不同的解决方案/解决方法：

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