d3.js - 円 (ドーナツ) チャートのツールチップ

Question

まさにこのd3ドーナツチャートを使いたいです。

この 3D チャート

ただし、パーセンテージを表示する代わりに、私が提供している生データを表示したいと思います。

パーセンテージを (現在のように) 表示し、onmouseover ツールチップを使用して各ドーナツ パーツの生データを表示できれば理想的です!

それを機能させることはできません。

助けてくれてありがとう！

Answer 1

これを探していますか?ツール ヒントでフィドルを更新します。最初にボディに div を追加します。

var div = d3.select("body").append("div").attr("class", "tooltip");

その後、ユーザーがパス/アークでマウスオーバーまたはマウス移動を行うたびに、必要なことが行われます。

http://jsfiddle.net/Q3dhh/25/をご覧ください