2

タイムラインをシミュレートするために、グラフ上に 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);
    }
});

実際のコード サンプルは、こちらから入手できます。

編集:pointLabels Chromeでは、代わりに空の文字列を使用するため に null が出力されることに気付きました。

于 2012-07-30T13:44:49.243 に答える