公司要求做个仪表盘大致UI是这樣的
这不是为难我胖虎嘛，于是找遍整个全网也没找到相似的只能自己手写一个。

然而最开始是准备用极坐标写的

折腾了一上午发现極坐标做出的效果两头是360度的圆环，这使UI给的标注无法实现于是我又开始研究仪表盘，官方给的实例倒是挺炫酷

当我感觉快找到希望时却无法实现两端圆角

以及将刻度显示在数字外，在网上找资料发现也有同学遇到相同的问题但是没找到解决方法

然而急中生智却被我想到了一个方法，将这二者合并一下

设置一下他的属性去掉指针，去掉表盘颜色得到只有刻度和数字的表盘

之后将除了圆环以外的所囿属性配置一下实现这样的效果

突然有内味了，这时我们加上极坐标环状图

然而二者最大角度不同我们需要做一个换算，设计图中仪表盤的角度相当于极坐标的-30度到210度二者偏移值是240度除360度

也就是极坐标得乘以2分之3（240分之360）才是真实仪表盘的值

经过换算后，实现以下效果

 startAngle: 210, //極坐标初始角度从第一象限算起，大约在7-8点钟角度之间
 data: [{ //上层圆环用于显示真实数据
 color: { //图形渐变颜色方法，四个数字分别代表右，下咗，上offset表示0%到100%
 }, { //下层圆环，用于显示最大值
 

 总结：编程即生活有时候不能死磕到底，换个角度也许会更好