javascript - 円グラフの特定のスライスを検索

Question

HTML5キャンバスで描画された円グラフがあります..マウスオーバーでポイント（X、Y）を取得しています..ポイント（X、Y）が円グラフのどのスライスにあるかを知りたいです。 。

ノート ：

1. Point（X、Y）が円グラフの中にあるかどうかはすでにわかりました

既知の値：

1. 円グラフの中心（Cx、Cy）
2. 各アークまたはスライスの開始角度と終了角度
3. 円グラフの半径（R）
4. 円弧またはスライスの始点と終点

Answer 1

したがって、スライスが始まる角度がわかります。中心と点 (x,y) はわかっています。

原点が (0,0) で、そこから点 (x,y) まで線を引くとします。x 軸と線の間の角度は になりますtan^-1(y/x)。

角度がわかれば、各スライスの開始角度と終了角度がわかるので、それがどの円弧セクションの間にあるかを計算するのは簡単です。

原点が (0,0) でない場合は、簡単な計算でそうすることができます。