zoukankan      html  css  js  c++  java
  • echarts半圆图的配置

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

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

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

     

     

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

  • 相关阅读:
    第四章5
    第四章4
    第四章3
    第四章2
    第四章1
    第四章例4-8
    第四章例4-7
    第四章例4-6
    第四章例4-5
    第四章例4-4
  • 原文地址:https://www.cnblogs.com/jocelyn11/p/14171593.html
Copyright © 2011-2022 走看看