Protovis Jquery工具提示问题

Question

我想在我的web应用程序中使用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

这里的问题是，您试图在Protovis对象上链接一个jQuery函数.tooltip()，在本例中是一个pv.Bar。那是行不通的。有几个选项：

tooltip如果你愿意改变你的jQuery插件，你可以参考this example，它使用

• 可以调整pv.Behavior.tipsy代码shown here以使用pv.Behavior.tipsy()。看起来您可以很容易地做到这一点，只需编辑第33行和第64行以使用不同的插件-这段代码中的繁重工作是创建一个div元素来附加工具提示，这两个插件都是一样的。