设置用不同颜色绘制的不同部分的背景颜色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”}，