饼图

描述:当前是关于Echarts图表中的 饼图 示例。
 
             let option = {
    backgroundColor: 'white',
    // title: {
    //   text: 'Referer of a Website',
    //   left: 'center',
    //   top: 20
    // },
    tooltip: {
      show: true,
      trigger: 'item',
      //{a}(系列名),{b}(数据项名),{c}(数值),{d}(百分比)
      formatter: "{a} <br/>{b} : {c} ({d}%)",
      backgroundColor: "rgba(1, 13, 19, 0.5)",
      borderWidth: 0,
      textStyle: {
        color: "rgba(212, 232, 254, 1)",
        // fontSize: fontChart(0.24),
      },
      // extraCssText: "z-index:2"
    },

    legend: {
      orient: 'vertical',
      top: 20,
      left: 40,
      itemWidth: 15,
      itemHeight: 10,
      itemGap: 25,
      borderRadius: 4,
      textStyle: {
        color: "#000",
        fontFamily: "Alibaba PuHuiTi",
        fontSize: 14,
        fontWeight: 400,
      },
    },
    series: [
      {
        name: 'Access From',
        type: 'pie',
        radius: '50%',
        center: ['50%', '40%'],
        data: [
          { value: 1048, name: '电子商务行业' },
          { value: 735, name: '金融行业' },
          { value: 580, name: '旅游行业' },
          { value: 484, name: '医疗行业' },
          { value: 300, name: '汽车行业' }
        ],
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };