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

到现在负 2015-08-05 02:22:12

说明文字浮在线上,一直显示。不是tooltip。如下图这样的。
...全文
284 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
hoodlq 2015-11-25
  • 打赏
  • 举报
回复
// 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();
到现在负 2015-08-05
  • 打赏
  • 举报
回复
求大神

87,888

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧