找到特定的饼图切片

时间:2013-01-31 06:20:17

标签: javascript html5 html5-canvas pie-chart

我有一个用HTML5画布绘制的饼图..我正在鼠标上检索点(X,Y)..现在我想知道Point(X,Y)是否在哪个切片中饼图..

注意:

  1. 我已经发现Point(X,Y)是否在饼图内部
  2. 已知值:

    1. 饼图中心(Cx,Cy)
    2. 每个弧或切片的开始和结束角度
    3. 饼图半径(R)
    4. 弧或切片的起点和终点

1 个答案:

答案 0 :(得分:1)

因此,我们知道切片开始的角度。我们知道中心和点(x,y)。

假设原点是(0,0),我们从那里画一条线到点(x,y)。 x轴和直线之间的角度为tan^-1(y/x)

一旦我们知道了角度,就可以通过一个简单的计算来查看它所在的弧段之间,因为我们知道每个切片的起始和终止角度。

如果原点不是(0,0),你可以通过一些简单的数学运算来实现。