javascript - 在 jquery 浮点图中，仅突出显示一条特定的网格线

Question

我正在使用 jquery 浮点图来创建折线图。我无法弄清楚的是如何改变任何一条特定网格线的颜色。整个事情 - 图表显示传感器读数。共有 4 种不同的读数，例如 - 非常低、低、高、非常高。我想突出显示与这四个阈值对应的网格线。我还提供了一个关于我真正想做的事情的虚拟形象——

这是我要展示的假人

此图像中的黑线是该特定线的网格颜色（对不起，我的画不好）。提前致谢

Answer 1

您可以markings像这样使用 grid 属性来做到这一点：

$.plot("#YourPlotDiv", YourPlotSeries, {
    grid: {
        markings: [{ color: "#FFFF00", lineWidth: 1, yaxis: { from: 186, to: 186} },
                   { color: "#FF0000", lineWidth: 1, yaxis: { from: 191, to: 191} }]
    },
    ... further properties ...
});

在此示例中，您标记了 2 条网格线，它们分别位于 186 和 191。如果from和to不同并且您将删除该lineWidth属性，那么您将标记一个区域。

这是一个令人担忧的小提琴：http: //jsfiddle.net/uyPxZ/