2

我在图表上有很多只有两个点的系列来模拟时间线。这些点有一个点标签。我想在荧光笔中显示该点标签的名称。我怎么做？

请看我的 JsFiddle http://jsfiddle.net/NVbjv/8/

我试图为每个系列添加一个荧光笔对象，并给它一个格式字符串。但是我怎样才能让它更有活力呢？

我也喜欢只在右下角的悬停框里显示时间。如何删除“,1”和“,2”？

4

1 回答 1

1

我想到的唯一想法是使用荧光笔和光标工具提示的自定义处理。与此处介绍的内容类似。

在您的情况下，您将应用以下代码：

$("#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);
    }
});

工作代码示例可在此处获得。

编辑： 在 Chrome 中，我注意到 null 被打印出来，pointLabels因此使用空字符串代替它们的值。

于 2012-07-30T13:44:49.243 回答