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

使用Flot，使用{fill = true}选项绘制填充区域非常容易，例如：

lines：{show：true，fill：true，fillColor：“＃98FB98”}，

设置不同部分的背景颜色与不同颜色jqplot的情节

2 个答案: