設置用不同顏色繪製的不同部分的背景顏色jqplot

Question

我想設置不同顏色的圖形部分的背景顏色。並且還能夠使軸線滴答點擊，特別是對於jqplot和flot。我已經能夠用highcharts做到這一點。你可以看看我做了什麼：http://jsfiddle.net/fonpah/jPrvK/4/。我真的很感激，如果任何人都可以用jqplot或flot做同樣的事情。 謝謝

Answer 1

flot使畫布可供您使用，因此您可以輕鬆地將您的代碼從高圖示例轉換到此處。

var plot = $.plot(...); 
var ctx = plot.getCanvas().getContext("2d"); //get the canvas 

var point1 = plot.pointOffset({ x: 5, y: 5}); //translate a value to pixels 
var point2 = plot.pointOffset({ x: 10, y: 10}); 

//fill and draw a rectangle 
ctx.fillStyle = "rgb(200,0,0)"; 
ctx.fillRect(point1.x,point1.y,point2.x,point2.y); 

查看annotating example瞭解詳情。

Answer 2

隨着海軍報，這是很容易得出使用{填寫=真}選項例如爲：

線填補區域：{顯示：真實，填寫：真，填充顏色： 「＃98FB98」}，