Javascript 在荧光灯jqplot中显示点标签

Javascript 在荧光灯jqplot中显示点标签,javascript,hover,label,jqplot,jqplot-highlighter,Javascript,Hover,Label,Jqplot,Jqplot Highlighter,我在一张图上有很多系列的两点来模拟时间线。这些点有一个点标签。我想在荧光笔里记下那个点标签的名字。我该怎么做 请看我的护照 我试图在每个系列中添加一个高亮对象,并给它一个格式字符串。但我怎样才能让它更有活力呢 我也只喜欢在右下角的鼠标悬停框中显示时间。如何删除“、1”和“、2”?我想到的唯一想法是使用高亮灯和光标工具提示的自定义处理。类似的东西 在您的情况下,您将应用以下代码: $("#container").bind('jqplotMouseMove', function(ev, gridpo

我在一张图上有很多系列的两点来模拟时间线。这些点有一个点标签。我想在荧光笔里记下那个点标签的名字。我该怎么做

请看我的护照

我试图在每个系列中添加一个高亮对象,并给它一个格式字符串。但我怎样才能让它更有活力呢


我也只喜欢在右下角的鼠标悬停框中显示时间。如何删除“、1”和“、2”?

我想到的唯一想法是使用高亮灯和光标工具提示的自定义处理。类似的东西

在您的情况下,您将应用以下代码:

$("#container").bind('jqplotMouseMove', function(ev, gridpos, datapos, neighbor, plot) {
    var date = new Date(datapos.xaxis);
    var time = "" + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":" + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes());
    $(".jqplot-cursor-tooltip").html(time + "  Oi");
    if (neighbor) {
        $(".jqplot-highlighter-tooltip").html("Label name= " + neighbor.data[2] + ";  time= " + time);
    }
});
$(“#容器”).bind('jqplotMouseMove',函数(ev、gridpos、datapos、neighbor、plot){
var日期=新日期(datapos.xaxis);
var time=“”+(date.getHours()<10?“0”+date.getHours():date.getHours())+“:”+(date.getMinutes()<10?“0”+date.getMinutes():date.getMinutes());
$(“.jqplot光标工具提示”).html(时间+“Oi”);
如果(邻居){
$(“.jqplot高亮工具提示”).html(“标签名称=“+neighbor.data[2]”+“时间=“+time”);
}
});


编辑:
在Chrome中,我注意到为
点标签打印null,因此使用空字符串作为其值。

谢谢您的回答。它一开始工作,但在使用缩放功能后,绑定事件会丢失或被荧光灯配置的设置覆盖。有没有办法解决这个问题?@Jeroen尝试使用jQuery的“on”方法而不是“bind”解释,其中的示例也会解释它们之间的区别。我在您的代码示例中尝试了这个方法,但没有效果。缩放时,点标签仍会重置。同时,禁用这些标签的任何其他格式也没有帮助。恐怕这需要更多的关注。啊,在阅读了这篇文章(谢谢!)之后,我将代码改为:$(文档)。在(“jqplotMouseMove”、“#container”…这很有效!@Jeroen很高兴听到它有帮助:)