0

私はこのJqueryベースの円グラフにオンラインで出くわしました。ここから無料でダウンロードできます:http ://www.elated.com/articles/snazzy-animated-pie-chart-html5-jquery/

スライドするパイピースのマウスクリック機能を、同じようにマウスホバーに反応するように変換することはできません。マウスのホバーに対する反応に問題があるようです。ただし、同じマウスホバーをテーブルに適用すると、問題はなく、円グラフは期待どおりに反応します。コードを調べて、円グラフをマウスホバーで展開するために何を変更する必要があるかを教えてください。

どうもありがとうございます。

4

1 に答える 1

0

ホバー イベントがグラフで機能しない理由は、グラフがキャンバス要素であるためです。スライスは個別の要素ではありません。したがって、ユーザーがスライスにカーソルを合わせてマウスを静止させるたびに呼び出される mousestop イベントを使用する必要があります。

mousestop イベントは Jquery には付属していませんが、Richard Scarrott が Jquery プラグインを作成しました: http://www.richardscarrott.co.uk/posts/view/jquery-mousestop-event

次のようにチャートで使用できます。

$('#chart').mousestop(100, handleChartClick);
于 2012-12-08T18:23:34.727 に答える