Question

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

This is the dummy I want to display

此图片中的黑线是该特定线的网格颜色（对不起我的糟糕图纸而言）。提前致谢

Answer 1

您可以使用网格属性markings执行此操作：

$.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/

在jquery flot chart中，仅突出显示一个特定的网格线

1 个答案: