jquery flot 标记一个目标值并显示它的值

Question

我正在使用 jquery flot 插件来绘制 graph.I 只是想通过绘制水平线来标记目标值并显示其值。 我用标记来画线，但我不知道如何显示它的值。给我一些建议。

   var markings = [
    { yaxis: { from: 20, to: 20 }, color: "#E8E8E8" }
    ];
    var plot = $.plot("#" + divId, dataList, {
     grid : {
        hoverable : true,
        lineWidth : 1,
        markings : markings
    },
   });

Answer 1

这是一个可能的解决方案，将 div 附加到图中。将 XVAL 和 YVAL 替换为您图上的实际点。

var placeholder = $("#" + divId);

var o = plot.pointOffset({ x: XVAL, y: YVAL});

placeholder.append("<div style='position:absolute;left:" + (o.left) + "px;top:" + o.top + "px;color:#666;font-size:smaller'>VALUE</div>");