echarts半圆图的配置


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

 

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

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

 

 

 

 

 

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM