flot - Flotを使用して、しきい値を下回るまたは上回るデータシリーズの色を塗りつぶすにはどうすればよいですか?

Question

しきい値の下または上の色を塗りつぶす方法。現在、しきい値プラグインは色の線を変更しますが、フロー線グラフを使用してキャンバスに線が描画されている場合、データシリーズの色を塗りつぶす必要があります (例: 5 以下または 5 以上)。誰でも私に提案できますか。ありがとう

Answer 1

塗りつぶしの色が特定のしきい値の上/下で変化しないと言っていますか、それとも特定のしきい値の上/下にある場合にのみ塗りつぶしを表示したいですか? 前者の場合、シリーズ オプションで fill を true に設定するだけで機能します。

$.plot("#placeholder", [{
    data: d1,
    threshold: {
        below: 5,
        color: "rgb(200, 20, 30)"
    }}], {
    series: {
        lines: {
            show: true,
            fill: true
        }
    }
});

実際の例については、このフィドルを参照してください。