Flot：在其右侧添加垂直线到网格和背景

Question

昨天我发现了Flot，我很好奇，如果我可以在图中添加一条垂直线并在线的右侧有不同的背景。

这是我的图表到目前为止：http://jsfiddle.net/cncvL/1/（从FLOT例如演进的）

现在我已经添加一个额外的行由在y轴添加数据但这并不是所希望的解决方案。

Answer 1

您可以使用“网格”属性的“标记”属性在该线的任一侧具有不同的颜色。例如编辑您的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轴”上面，而不是做它，你没有（其他系列）的方式。