Protovis jquery工具提示问题

我想在我的web应用程序中使用Jquery工具提示显示数据。Protovis 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!

希望得到任何投入。谢谢！

来源

2011-07-21 Dane

这里的问题在于，您试图在Protovis对象上链接一个jQuery函数.tooltip()，在这种情况下为pv.Bar。这是行不通的。一对夫妇的选择：

如果你愿意改变你的jQuery插件，你很可能跟随this example，它采用Tipsy。
您可以改编pv.Behavior.tipsy代码shown here来代替使用tooltip（）。看起来你可以很容易地做到这一点，只需编辑第33行和第64行即可使用不同的插件 - 此代码中的努力工作是创建一个div元素来附加工具提示，这对两个插件都是一样的。

来源

2011-07-21 18:15:21 nrabinowitz

我已经成功地在子弹头图表上实现了醉意。但是，工具提示的箭头未显示。它现在显示为一个没有箭头显示的圆圈。任何想法，我应该在哪里启用箭头箭头显示？ – Dane

@Dane - 这几乎不可能在没有看到代码的情况下回答，这实际上是一个单独的问题 - 我会问一个新问题，而不是试图通过评论来回。 – nrabinowitz

Protovis jquery工具提示问题

回答

相关问题