FAQ中心
页面树结构
转至元数据结尾
转至元数据起始

（本文档仅供参考，此示例在V11版本测试生效）

问题

在仪表盘中怎么环形图（饼图）加内阴影和外阴影？

解决方案

         可通过增加以下扩展属性实现：

option = {
  series: [
    // 占比环
    {
      zlevel: 3,
    },
    // 内圆
    {
      type: 'pie',
      zlevel: 2, // 层级
      radius: ['0', '47%'], //根据实际调整半径大小
      center: ['50%', '55%'],//根据实际调整中心位置
      itemStyle: {
        normal: {
          shadowBlur: 10,
          shadowColor: 'rgba(0,0,0,.3)',
          color: '#fff',
          label: {
            show: false
          },
          labelLine: {
            show: false
          }
        }
      },
      hoverAnimation: false,
      data: [100]
    },
    // 外环
    {
      type: 'pie',
      zlevel: 2,
      radius: ['60%', '80%'],//根据实际调整半径大小
      center: ['50%', '55%'],//根据实际调整中心位置
      itemStyle: {
        normal: {
          shadowBlur: 10,
          shadowColor: 'rgba(0,0,0,.2)',
          color: '#fff',
          label: {
            show: false
          },
          labelLine: {
            show: false
          }
        }
      },
      hoverAnimation: false,
      data: [100]
    }
  ]
}


  • 无标签