javascript - FlotCharts 2 色の背景

Question

フロート チャートを使用して、背景を 2 つの色に分割する必要があります。真ん中ではなく、少しずれています。

私が見る限り、この情報を提供するドキュメントはインターネット上に見つかりません。誰かが私を正しい方向に向けることができれば、それは素晴らしいことです. 可能であれば、誰かがそれを行う方法についてコードを入れることができますか?

Answer 1

あなたの質問を正しく理解できれば、最も簡単な方法はグリッド markingsオプションを使用することです。

例えば：

$.plot($("#placeholder"), [ d1 ], {grid: {
    markings: [
        {xaxis: { from: 0, to: 6 },color: "#C11B17"},
        {xaxis: { from: 6, to: 100},color: "#FDD017"}
    ]}
});

プロデュース:

ここでフィドル。