其他分享
首页 > 其他分享> > echarts 玫瑰图+中间文字

echarts 玫瑰图+中间文字

作者:互联网

option = {
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c} ({d}%)'
  },
  title: {
    text: '2673682',
    left: 'center',
    top: '50%',
    textStyle: {
      textAlign: 'center',
      fill: '#333',
      fontSize: 14,
      fontWeight: 400
    }
  },
  graphic: {
    type: 'text',
    left: 'center',
    top: '48%',
    style: {
      text: '行业总数',
      textAlign: 'center',
      fill: '#333',
      fontSize: 17
    }
  },
  series: [
    {

      type: 'pie',
      radius: [50, 150],
      center: ['50%', '50%'],
      roseType: 'area',
      itemStyle: {
        borderRadius: 8
      },
      label: {
        //alignTo: 'edge',
        formatter: '{name|{b}}\n{time|{c} %}',
        lineHeight: 15,
        rich: {
          time: {
            fontSize: 10,
            color: '#999'
          }
        }
      },
      data: [                        
        { value: 40, name: '要客服务' },
        { value: 38, name: '政法公安' },
        { value: 32, name: '应急行业' },
        { value: 30, name: '政务行业' },
        { value: 28, name: '居民服务业' },
        { value: 26, name: '信息服务业' },
        { value: 22, name: '综合服务业' },
        { value: 18, name: '建筑行业' },
        { value: 40, name: '交通物流' },
        { value: 38, name: '金融行业' },
        { value: 32, name: '卫生健康' },
        { value: 30, name: '制造能源' },
        { value: 28, name: '教育行业' },
        { value: 26, name: '农业农村' },
        { value: 22, name: '商业客户' },
        { value: 18, name: '其他' }
      ]
    }
  ]
};

  

 

 

搜索

复制

标签:文字,center,text,50%,value,玫瑰,fontSize,echarts,name
来源: https://www.cnblogs.com/kkvt/p/16356745.html