Flot: Thêm đường thẳng đứng vào lưới và nền ở bên phải

Question

Tôi đã phát hiện Flot hôm qua và tôi tò mò nếu tôi có thể thêm đường thẳng đứng vào biểu đồ của mình và có nền khác ở bên phải của đường kẻ.

Đây là đồ thị của tôi cho đến nay: http://jsfiddle.net/cncvL/1/(phát triển từ Flot chẳng hạn)

Để bây giờ tôi đã thêm một dòng thêm bằng cách thêm dữ liệu trên trục y nhưng đó không phải là một giải pháp mong muốn.

Answer 1

Bạn có thể sử dụng thuộc tính "đánh dấu" của thuộc tính "lưới" để có các màu khác nhau ở hai bên của đường kẻ. ví dụ. sửa JSFIDDLE bạn nói:

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

Bạn cũng có thể sử dụng nó để vẽ một đường đơn giản 'Xaxis' thứ ba ở trên, chứ không phải là làm nó theo cách mà bạn đã làm (một series).