のスタイル付きツールチップを作成する簡単な方法はあり<area>ます<map>か? デフォルトでは、ブラウザは領域テキストを黄色のテキスト ボックスにレンダリングするように見えます。しかし、テキストをフォーマットする必要がある場合があります。
Twitter Bootstrap のツールチップとポップオーバーを試してみましたが、常にウィンドウの左上に配置されています。0,0 で。
更新 - スクリーンショットとコード
円グラフの面要素にポップオーバーを追加するように指示します。それぞれ<area>が円グラフの 1 つのセクションに対応します。
$('area').popover({content:"I'm a cut off popover" ,trigger:'hover'});
ホバーしたセクションの横にポップオーバーを表示したいと思います。
<area>SO に関連する同等の質問を認識しています。ただし、セクションのサイズと位置を事前に知らないという意味で、私の場合は異なります。そのため、上と左のプロパティを設定するカスタム スタイルを生成できません。
通常のツールチップでも同じことが起こります。それらは左上隅に配置されます。しかし、フォーマットされたコンテンツが必要なので、ポップオーバーの方がいいと思います。
お役に立てれば...