Flot: Aggiungi linea verticale a griglia e sfondo a destra

Question

Ho scoperto Flot ieri e sono curioso di poter aggiungere una linea verticale al mio grafico e avere uno sfondo diverso sul lato destro della linea.

Questo è il mio grafico finora: http://jsfiddle.net/cncvL/1/(evoluto da Flot esempio)

Per ora ho aggiunto una linea supplementare con l'aggiunta di dati sulla asse y, ma che non è una soluzione desiderata.

Answer 1

È possibile utilizzare la proprietà "marcature" della proprietà "griglia" per avere colori diversi su entrambi i lati della linea. per esempio. modificare il JSFIDDLE dire:

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"} 
     ] 
    }, 

Si può anche usare per disegnare una linea semplice la terza 'asse X' sopra, piuttosto che farlo nel modo che avete fatto (un'altra serie).