饼图

标签： const name value item 学院 data

function (data, params) {
  const myChart = this.myChart;
  // 配置图表选项
  const customData_ = [
    { value: 134, name: '艺术与设计学院' },
    { value: 345, name: '后勤学院，创业学院' },
    { value: 156, name: '机械与自动控制学院' },
    { value: 256, name: '经济管理学院' },
    { value: 156, name: '史量才新闻与传播学院' },
    { value: 356, name: '理学院' },
    { value: 252, name: '信息学院' },
    { value: 152, name: '其他' },
    { value: 556, name: '服装学院' },
    { value: 226, name: '建筑工程学院' },
  ]
  const _data = data.map(item => ({ name: item.xqmc, value: item.count }));
  const legendData = _data.map(item => item.name);
  const customData = _data;

  const option = {
    title: {
      text: ''
    },
    tooltip: {
      trigger: 'item'
    },
    legend: {
      data: legendData,
      icon: "circle",
      orient: "vartical",
      top: "center",
      right: "15",
      align: 'right',
      itemWidth: 16,
      itemHeight: 8,
      itemGap: 16,
      textStyle: {
        color: "#A3E2F4",
        fontSize: 12,
        fontWeight: 0,
      },
    },
    series: [
      {
        data: customData,
        color: ['#00F8FFFF', '#00B0FDFF', '#FFE04DFF'],
        name: '',
        type: 'pie',
        radius: ['25%', '35%'],
        center: ['45%', '50%'],
        avoidLabelOverlap: false,
        padAngle: 5,
        itemStyle: {
          borderRadius: 5
        },
        label: {
          show: true,
          position: 'outside',
        },
  
        labelLine: {
            length:30,
            length2:40,
            show: true,
            type:'dashed',
            color:'#00ffff'
        },
        
      }
    ]
  };
  return option;
}

 

标签：,const,name,value,item,学院,data
From： https://www.cnblogs.com/ladybug7/p/18261271