echarts半圆图的配置

上个项目,ui小哥哥,画了这样的设计图:

 看似非常简单,但是浏览一遍echarts官网,会发现没这个图可以直接配置使用,我又去万能的Gallery上浏览了。浏览了一遍,确实也没有一样的,但是有类似的,我们可以修修改改!

关注了Gallery那么久,发现其实很多的图表是相通的,或者换句话说,图表是很灵活的。比如:多看几眼上图,就会发现这个图和仪表盘非常相近。Echarts中的立体图表其实也是堆堆叠叠呈现出来的,实际上大部分依旧是平面2d的,所以这款图,可以看作两层,一层带颜色,根据比例显示,另一层灰色,宽度设置比第一层的小,且层级设置比第一层低,默认100%的值,这样两个图堆在一起就好了,即series数组中有两个对象:

 

 

 这样就完成了......

原文地址:https://www.cnblogs.com/jocelyn11/p/14171593.html