0

D3 で生成された SVG サークルのツールチップを生成するためにTipsyを使用しています。私のコードは、この例からそのまま引用されています。このコードを使用すると、円オブジェクトにカーソルを合わせると、ツールヒントがうまく表示されます。

$('.circles').tipsy({ title: 'My tooltip text' })

ホバーではなく、ページの読み込み時にツールチップを表示する方法はありますか? を使用してみshowましたが、うまくいかないようです:

$('.circles').tipsy({ title: 'My tooltip text' })      // show tips on hover
$('.circles').tipsy('show')                            // show tips on page load?

ページの読み込み時にツールチップを表示するためにほろ酔いになることは、この質問例に基づいて理論的には可能のようです。ただし、このロジックを機能させるために D3 を操作する方法がわかりません。ページの読み込み時とホバー時にツールチップを表示するにはどうすればよいですか?

4

1 に答える 1

1

奇妙なことに、ほろ酔いはこれらの各円のセレクターではうまく機能しないため、JQueryeach関数を使用して機能させる必要がありました。また、オプションtrigger: 'manual'をほろ酔いに設定する必要があります。

$('.circles').each(function() {
   $(this).tipsy({ 
    trigger: 'manual',
    gravity: 'w', 
    html: true, 
    title: function() {
      return 'My tooltip text'; 
    }
   });

   $(this).tipsy('show');
});
于 2014-07-14T21:16:12.217 に答える