jquery flot 标记目标值并显示其值

【问题标题】：jquery flot mark a goal value and display its valuejquery flot 标记目标值并显示其值
【发布时间】：2015-07-22 07:48:21
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery label flot axis

【解决方案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>");

【讨论】：

我没有 XVAL 因为我在画水平线
@user3189828 是的，XVAL 只会给出您希望标签在水平线上的位置的指导。