Отображать метку в маркере jqplot

Question

У меня есть много рядов из двух точек на графике для имитации временной шкалы. Эти точки имеют метку. Я бы хотел, чтобы название этой метки было выделено. Как я могу это сделать?

пожалуйста, смотрите мой JsFiddle http://jsfiddle.net/NVbjv/8/

Я попытался добавить объект подсветки к каждой серии и дать ему строку формата. Но как я могу сделать это более динамичным?

Мне также нравится показывать время только в hoverbox-штуке в правом нижнем углу. Как мне убрать ",1 " и ",2"?

Answer 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 я заметил, что ноль печатается для pointLabels поэтому вместо них используйте пустые строки для своих значений.