JQuery Flot 绘制折线图，如何在绘制的线上添加说明文字。

[到现在负]

说明文字浮在线上，一直显示。不是tooltip。如下图这样的。

[到现在负]

求大神

[hoodlq]

// add labels var o; o = plot.pointOffset({ x: 2, y: -1.2 }); // we just append it to the placeholder which Flot already uses // for positioning placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">Warming up</div>'); o = plot.pointOffset({ x: 8, y: -1.2 }); placeholder.append('<div style="position:absolute;left:' + (o.left + 4) + 'px;top:' + o.top + 'px;color:#666;font-size:smaller">Actual measurements</div>'); // draw a little arrow on top of the last label to demonstrate // canvas drawing var ctx = plot.getCanvas().getContext("2d"); ctx.beginPath(); o.left += 4; ctx.moveTo(o.left, o.top); ctx.lineTo(o.left, o.top - 10); ctx.lineTo(o.left + 10, o.top - 5); ctx.lineTo(o.left, o.top); ctx.fillStyle = "#000"; ctx.fill();