1

jquery flot chart を使用して折れ線グラフを作成しています。私が理解できないのは、特定のグリッド線の色を変更する方法です。全体 - グラフにはセンサーの読み取り値が表示されます。非常に低い、低い、高い、非常に高いなど、合計 4 つの異なる測定値があります。これら 4 つのしきい値に対応するグリッド線を強調表示したいと思います。私が本当にやりたいことについてのダミー画像も提供しています -

これは私が表示したいダミーです

この画像の黒い線は、その特定の線のグリッドの色です (私の悪い描画で申し訳ありません)。前もって感謝します

4

1 に答える 1

4

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 ...
});

この例では、186 と 191 にある 2 つのグリッド線がマークされています。fromとが異なり、プロパティtoを削除する場合は、領域をマークします。lineWidth

これは厄介なフィドルです：http://jsfiddle.net/uyPxZ/

于 2013-08-27T13:11:47.080 に答える