饼图
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; }