2020-08-05

echarts图表

1. 饼图想要设置两个圆

解决方法:设置两个series即可,但要给两个series不同的radius来制造出同心圆效果。

2.中心圆的label设置字体的样式

解决方法:利用formatter获取想要的数据,其中模板变量有:

{a}:系列名。

{b}:数据名。

{c}:数据值。

{d}:百分比。

然后想要设置样式,在文本中,可以对部分文本采用rich中定义样式。这里需要在文本中使用标记符号:`{styleName|text content text content}` 标记样式名。注意,换行仍是使用 '\n'。例如{unum|{a}}


rich和formatter的配合使用

3. legend图例的方向

答:orient属性,vertical是纵向,horizontal是横向


vertical纵向.


horizontal横向

4.legend的icon形状

答:icon属性,pin为圆形,默认是有点椭圆的长方形,也就是roundRect,还有'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'这些值


默认 roundRect 的形状


icon值为‘pin’时

5. 饼图的位置问题

答:center属性设置圆心位置从而控制饼图的位置,不要忘了两个圆都要加喔。

6. legend中只能获取name的问题

解决方法:在formatter利用foreach遍历取到想要的数据。


数据


在formatter里forEach
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。