Проблема с Protovis Jquery Tooltip - PullRequest
Новая
       45

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

0 голосов
/ 21 июля 2011

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

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

Тем не менее, сейчас я создаю небольшую таблицу с использованием 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!

Буду признателен за любые вводимые данные,спасибо!

1 Ответ

2 голосов
/ 21 июля 2011

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

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

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

...