Customized Pieecharts 饼配置项内容和展示

      option = {
  backgroundColor: '#2c343c',

  title: {
    text: 'Customized Pie',
    left: 'center',
    top: 20,
    textStyle: {
      color: '#ccc'
    }
  },

  tooltip: {
    trigger: 'item'
  },

  visualMap: {
    show: false,
    min: 80,
    max: 600,
    inRange: {
      colorLightness: [0, 1]
    }
  },


  series: [
    // 环线
    {
      type: 'pie',
      radius: ['10%', '20%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center',

      },
      labelLine: {
        show: false
      },
      data: [
        {
          value: 100, name: '', itemStyle: {

            color: 'rgba(128, 128, 128, 0)',
            borderType: 'dashed',
            borderWidth: 1,
            borderColor: '#fff',
          },
        },

      ]
    },
    {
      type: 'pie',
      radius: ['30%', '40%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center',

      },
      labelLine: {
        show: false
      },
      data: [
        {
          value: 100, name: '', itemStyle: {

            color: 'rgba(128, 128, 128, 0)',
            borderType: 'dashed',
            borderWidth: 1,
            borderColor: '#fff',
          },
        },

      ]
    },
    {
      type: 'pie',
      radius: ['50%', '60%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center',

      },
      labelLine: {
        show: false
      },
      data: [
        {
          value: 100, name: '', itemStyle: {

            color: 'rgba(128, 128, 128, 0)',
            borderType: 'dashed',
            borderWidth: 1,
            borderColor: '#fff',
          },
        },

      ]
    },
    {
      name: '访问来源',
      type: 'pie',
      radius: '55%',
      center: ['50%', '50%'],
      data: [
        { value: 335, name: '直接访问' },
        { value: 310, name: '邮件营销' },
        { value: 274, name: '联盟广告' },
        { value: 235, name: '视频广告' },
        { value: 400, name: '搜索引擎' }
      ].sort(function (a, b) { return a.value - b.value; }),
      roseType: 'radius',
      label: {
        color: 'rgba(255, 255, 255, 0.3)'
      },
      labelLine: {
        lineStyle: {
          color: 'rgba(255, 255, 255, 0.3)'
        },
        smooth: 0.2,
        length: 10,
        length2: 20
      },
      itemStyle: {
        color: '#c23531',
        shadowBlur: 200,
        shadowColor: 'rgba(0, 0, 0, 0.5)'
      },

      animationType: 'scale',
      animationEasing: 'elasticOut',
      animationDelay: function (idx) {
        return Math.random() * 200;
      }
    },

  ]
};