diff --git a/src/views/cet/cet-ana-2.vue b/src/views/cet/cet-ana-2.vue index 822adaf..d029a2e 100644 --- a/src/views/cet/cet-ana-2.vue +++ b/src/views/cet/cet-ana-2.vue @@ -209,11 +209,18 @@ } console.log(result.data, 'result'); + let titleText = major ? `${college} / ${major}专业 最新批次通过人数饼图` : `${college} 最新批次通过人数饼图`; + // 使用 API 返回的数据填充饼图 - let chartData = result.data.map((item) => ({ - name: item.entryDate + '级', - value: item.passRate, - })); + let chartData = []; + + for (let key in result.data) { + chartData.push({ + name: key + '级', + value: result.data[key].passRate, + }); + } + console.log(chartData, '123'); let option = { tooltip: { trigger: 'item', @@ -237,7 +244,7 @@ }, }, legend: { - top: '5%', + top: '15%', left: 'center', // orient: 'vertical', itemGap: 3, @@ -258,7 +265,7 @@ color: ['#b3cde0', '#6497b1', '#005b96', '#03396c', '#e5e5e5'], series: [ { - name: college + '/' + major + '该批次通过人数饼图', + name: titleText, type: 'pie', radius: ['50%', '100%'], center: ['50%', '50%'], @@ -353,6 +360,7 @@ let xData = result.data.map((item) => item.entryDate); // 用于 X 轴 let values = result.data.map((item) => item.passRate); // 用于柱状图的数据 console.log(xData, values, 'xData values'); + let titleText = major ? `${college} / ${major}专业 每个年级的通过率柱状图` : `${college} 每个年级的通过率柱状图`; let option = { grid: { left: '15%', // 调整左边距,向右移动 @@ -368,7 +376,7 @@ }, }, title: { - text: college + '/' + '每个年级的通过率柱状图', + text: titleText, left: 'left', top: '0%', textStyle: { @@ -401,68 +409,6 @@ }, ], }; - - //let option = { - // tooltip: { - // trigger: 'item', - // conginee: false, - // //字体大小 - // itemStytle: { - // fontSize: 100, - // }, - // }, - // title: { - // text: '学院/专业每个年级的通过率柱状图', - // left: 'left', - // top: '0%', - // textStyle: { - // fontSize: 14, - // }, - // }, - // legend: { - // top: '5%', - // left: 'center', - // }, - // color: ['#b3cde0', '#6497b1', '#005b96', '#03396c', '#e5e5e5'], - - // series: [ - // { - // name: '学院/专业每个批次通过人数饼图', - // type: 'pie', - // radius: ['0', '100%'], - // top: 80, - // itemStyle: { - // borderRadius: 5, - // borderColor: '#fff', - // borderWideth: 2, - // }, - // label: { - // show: true, - // fontSize: 14, - // overflow: 'truncate', - // }, - // emphasis: { - // itemStyle: { - // shadowBlur: 10, - // shadowOffsetX: 0, - // shadowColor: 'rgba(0, 0, 0, 0.5)', - // }, - // label: { - // show: true, - // fontSize: 15, - // fontWeight: 'bold', - // }, - // }, - // data: [ - // { value: 1048, name: '计算机' }, - // { value: 735, name: '东语' }, - // { value: 580, name: '物理' }, - // { value: 484, name: '大数据' }, - // { value: 300, name: '树莓' }, - // ], - // }, - // ], - //}; myChart.setOption(option); },