前端这种图我好像没见过,不知道如何下手,麻烦哪位大神指点一下。

ECharts 

见过类似的。没见过中间有连线的。不知道这个连线是啥关系。你看一下代码吧

https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all

canvas svg画图

问下设计这个图的人,问下来源。如果是他自己瞎设计的,商量下看看能不能用普通饼状图替换。如果他能说出从那里来的,你就去相关的文档或者界面去提取看下别人怎么实现的。