两个饼图之间的连线，请各位给个示例或者思路,万分感谢！！！！

Question

如图，怎么将中间的两条虚线画出来，饼图是用echarts画的，想了半天没有什么好的办法画出这两条线来

Answer 1

谢谢，我试一下

Answer 2

其实就是过圆外一点poOut向圆(圆心poCircle)做切点坐标po，勾股定理，再加上po在圆上，基本数学知识就能求解了

Answer 3

线的长度还有坐标咋获取呢？

Answer 4

https://www.processon.com/view/link/5f90fb2b7d9c0806f2870af1

Answer 5

楼上说得复杂还不具备实际操作的实用。在下提供一个很简单的方法：

1.div width：线的长度，height:线的厚度。

2.然后再设计一个css样式， transform: rotate(直线的角度水平线为0，垂直线为90，deg);

3.将这两个div的z-index设计为最高覆盖到echart上面并设计position:absolute即可。

Answer 6

如图

Answer 7

看我下边刚写的回答，应该说明白了

Answer 8

首先, 具挑战性的是，要求出(知道)连线的起点和终点的坐标 [x,y]。(我有用鼠标在荧屏上定位的方法)。
然后，将连线画在两个饼图之上的另一个画布 canvas 之上。 可以尝试用 z-index 定义上下层。

Answer 9

我记得当时是先试用echarts的旋转，让需要被展示的那一块正对右边，然后根据半径把点算出来，右边的终点则需要求切线与圆的切点坐标，具体的细节我也忘记了，你可以自己试试

Answer 10

回复
@一直在成长的程序猿 : 根据占比算旋转角度，然后根据需要展示的那一块对应的圆心角的一半计算坐标，很简单

Answer 11

这个怎么解决的，求解答