Flot：鉛直線をグリッドに追加し、背景を右端に追加する

Question

昨日、Flotが見つかりました。グラフの縦線を追加して、線の右側に別の背景を付けることができるのが不思議です。

これは、これまで私のグラフである。今のところhttp://jsfiddle.net/cncvL/1/（FLOT例から進化）

Iはy軸上にデータを追加することにより、余分な行を追加しましたが、それは、所望の解決策ではありません。

Answer 1

"grid"プロパティの "markings"プロパティを使用すると、線の両端の色を変えることができます。例えば言って、あなたのJSFIDDLEを編集：

grid: { 
     backgroundColor: 
     { 
      colors: ["#FFF", "#DDD"] 
     }, 
     markings: [ 
      {xaxis: {from: 1, to: 10}, yaxis: {from: -3, to: 12}, color: "#eeeeff"}, 
      {xaxis: {from: 10, to: 14}, yaxis: {from: -3, to: 12}, color: "#eeffee"}, 
      {xaxis: {from: 10, to: 10},       color: "#0000bb"} 
     ] 
    }, 

あなたはまた、むしろそれをあなたがやった方法（別のシリーズ）を行うよりも、上記のシンプルなラインに第三「x軸」を描くためにそれを使用することができます。