zoukankan      html  css  js  c++  java
  • Echarts(饼图Pie)

    1、设置数据类型
    	[{name:'名称',value:数值}]
    
    2、饼图的显示和样式
        series:[
        {
          type:'pie',
          data:pieData,
          label:{
            show:true,
            formatter: '{b}花费{c}:{d}%'  显示文本信息,或者回调函数return 设置
    		    {a}:系列名。
    		    {b}:数据名。
    		    {c}:数据值。
    		    {d}:百分比。
    		    {@xxx}:数据中名为'xxx'的维度的值,如{@product}表示名为'product'` 的维度的值。
    		    {@[n]}:数据中维度n的值,如{@[3]}` 表示维度 3 的值,从 0 开始计数。
    
          },
          radius:20   设置饼图半径,数值或百分比(参照容器最小边)
          radius:'20%'
          radius:['50%','75%'],   圆环,第一个内圆半径,第二个外圆半径
          roseType:'radius',  	  南丁格尔图,根据数值确定半径,每一个弧半径都不同
          selectedMode:'single',  点击饼块,脱离圆点一部分,'single'|'multiple',单选和多选
          selectedOffset:30,  设置选中偏移量
          center:['n%','n%'], 设置饼图在图表中的位置,50%代表正中心
          hoverAnimation:false, 关闭饼图hover在扇区上的放大动画效果。适用于圆环
        },
      ]
    

      效果图:

  • 相关阅读:
    《构建之法》第四章的感悟
    单复利软件单元测试
    实验一 操作系统模仿cmd
    <构建之法>第一二三章感悟
    近期工作量统计
    复利计算3.0
    复利运算
    单利运算1
    复利计算6.0
    汉堡包
  • 原文地址:https://www.cnblogs.com/annie211/p/15019084.html
Copyright © 2011-2022 走看看