echarts 标准饼图

最新推荐文章于 2022-07-05 16:52:48 发布

OOObject

最新推荐文章于 2022-07-05 16:52:48 发布

阅读量520

点赞数

本文链接：https://blog.youkuaiyun.com/OOObject/article/details/121498070

版权

前端专栏收录该内容

8 篇文章

订阅专栏

echarts 标准饼图直接上代码

option = {
  title: {
    text: '服务单统计',
    left: 'center'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    orient: 'vertical',
    left: 'left'
  },
  series: [
    {
      name: '',
      type: 'pie',
      radius: '50%',
      data: [
        { value: 16, name: '受理服务单' },
        { value: 20, name: '客户服务单' },
        { value: 12, name: '内检服务单' }
      ],
      itemStyle: {
        normal: {
          label: {
            show: true,
            formatter: '{b} : {c} 单({d}%)'
          },
          labelLine: { show: true }
        }
      },
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};