Проблема с Protovis Jquery Tooltip

Question

Я хотел бы отобразить данные с помощью всплывающей подсказки Jquery в моем веб-приложении.

Я следовал примеру на этом веб-сайте http://flowplayer.org/tools/demos/tooltip/index.html и сумел отобразить всплывающую подсказку на изображении в моем приложении.

Тем не менее, сейчас я создаю небольшую таблицу с использованием Protovis и хотел бы отобразить данные, когда наведу курсор мыши на таблицу.

Я хочу знать, как мне отредактировать отображение всплывающей подсказки? В настоящее время я могу отображать теги html, но я действительно хочу отобразить всплывающую подсказку с использованием кода JavaScript.

Ниже мои коды для маркера:

var vis = new pv.Panel()
            .data(patientData)
            .width(140)
            .height(20)
            .right(10)
            .bottom(20)
            .left(5);

            var bullet = vis.add(pv.Layout.Bullet)
            .orient("left")
            .ranges(function(d) d.ranges)
            .measures(function(d) d.measures)
            .markers(function(d) d.markers);

            bullet.range.add(pv.Bar);
            bullet.measure.add(pv.Bar)
            .fillStyle("black")
            .text(function(d) "Current Month: "+ d.toFixed(1)+"%")
            .tooltip(); -->This give me an error!

Был бы признателен за любые материалы. Спасибо!

Answer 1

Проблема в том, что вы пытаетесь связать функцию JQuery, .tooltip()на объекте Protovis, в данном случае pv.Bar, Это не сработает. Пара вариантов:

• Если вы хотите изменить свой плагин jQuery, вы, вероятно, можете последовать этому примеру, который использует Tipsy.

• Вы могли бы адаптировать pv.Behavior.tipsy код, показанный здесь, чтобы использовать всплывающую подсказку () вместо. Похоже, вы могли бы сделать это довольно легко, просто отредактировав строки 33 и 64 для использования другого плагина - тяжелая работа в этом коде заключается в создании div элемент для прикрепления всплывающей подсказки, и это одинаково для обоих плагинов.