2016-09-01 4 views
0

d3jsのツールチップにテキストを表示/変更する方法に関する問題を解決するために、最も近いx値を使用するとmouseoverイベント。x値のマウスオーバーツールチップd3 - ツールチップのスタイルとテキストの編集

this exampleでは、画面の右端にカーソルを移動するとツールヒントのテキストが半分に隠れ、見えなくなりますが、例で提供されている基本的なd3ツールチップを使用した場合は表示されません。また、私はそのテキストで改行を得る方法を見つけ出すことができません(私は無駄にHTML改行を使って試しました)。

誰もこの問題に対処する方法を明らかにすることはできますか?

+0

、それは(br' 'のような)HTMLの改行を受け付けません。 –

+0

はい - 私はそれを理解しています。しかし、通常のd3ツールチップを使用すると、brのような改行を挿入することができます。これもテキストのSVG要素ですか? – RebRy

+0

「通常の」d3ツールチップとは何ですか? D3にはツールチップがありません。ツールチップを作成しているときに私のお気に入りの方法はdivを使用しています –

答えて

0

foxTooltip.jsを試してください。画面の境界を考慮して、ツールチップの位置を自動的に調整します。コンテンツを動的に変更することもできます。 SVGのテキスト要素です

https://github.com/MichaelRFox/foxToolTip.js

+0

私は別のJSライブラリを使わずに解決策を見つけることを望んでいますが、これに - 感謝のおかげで – RebRy

関連する問題