Vue中使用Echart图表插件之圆环套圈

Echart是一个很好的图表绘制插件，里面有各种各样的图表供我们选择，最近用echart做图表比较多，在接到一个在圆环里面套一个圈的需求时，刚开始我是真的无从下手，毕竟自己用echart的时间也不长，直接看echart官网也看不出个所以然来，最后抱着试一试的态度玩玩看，最后玩出了。

效果图如下：

 

主要注意的点：

1、创建的画1、创建的画布必须给定大小，不然无法显示，即.chart-box 必须设置大小1、创建的画布必须给定大小，不然无法显1、创建的画布必须给定大小，不然无法显示，即.chart-box 必须设置大小o

2、因为这个圈是自定义的用，相对定位来控制和圆环的位置关系。

3、这里用到了计算属性来计算合格率，但是计算属性有一个缺点是不能传参数，有时候感觉有