0

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!

任意の入力をいただければ幸いです。ありがとう！

4

1 に答える 1

2

ここでの問題は.tooltip()、Protovis オブジェクト (この場合はpv.Bar. それはうまくいきません。いくつかのオプション:

  • jQuery プラグインを変更したい場合は、おそらくTipsyを使用するこの例に従うことができます。

  • ここに示すpv.Behavior.tipsyコードを変更して、代わりに tooltip() を使用できます。33 行目と 64 行目を別のプラグインを使用するように編集するだけで、これを非常に簡単に実行できるように見えます。このコードでの大変な作業は、ツールチップを添付する要素を作成することであり、それは両方のプラグインで同じです。div

于 2011-07-21T18:15:21.277 に答える