diff --git a/src/views/cet/cet-ana-1.vue b/src/views/cet/cet-ana-1.vue index 75c887e..8f32a72 100644 --- a/src/views/cet/cet-ana-1.vue +++ b/src/views/cet/cet-ana-1.vue @@ -16,7 +16,7 @@ - + 全校 取消 - 查询 + 查询 + + @@ -79,7 +81,7 @@ export default { name: "Analysis", data() { return { - + allCollege:[], showBox: false, showGroup: false, oneentrydate: null, @@ -166,7 +168,16 @@ export default { } console.log(value); }, - dataChart(data, isAll) { + // deleteData() { + // console.log("delete") + // //清空所有选项 + // this.college = []; + // this.entrydate = []; + // this.oneentrydate = null; + // this.checkedOptions = []; + // this.allCollege = []; + // }, + dataChart(data) { let seriesData = []; let xData = []; let colors = ['#5370c5', '#91CC75', '#fac858', '#ee6666', '#73c0de', '#FF6A6A', '#FFA500', '#EE2C2C', '#90EE90', '#008B8B', '#FFC0CB', '#FFDAB9', '#FFDEAD', '#FFE4B5', '#FFE4C4', '#FFE4E1', '#FFEBCD', '#FFEFD5', '#FFFAF0', '#FFFAFA', '#FFFFE0', '#FFFFF0', '#FFFFFF', '#F0F8FF', '#FAEBD7', '#FAF0E6', '#FAFAD2', '#F5FFFA', '#F8F8FF', '#F0FFF0', '#F0FFFF', '#F0E68C', '#F0F8FF', '#F0FFF0', '#F0FFFF', '#F4A460', '#F5DEB3', '#F5F5DC', '#F5F5F5', '#F5FFFA', '#F8F8FF', '#F9EBEA', '#FAD7A0', '#FAF0E6', '#FAFAD2', '#FAF0E6 '] @@ -204,11 +215,40 @@ export default { } } + }); + let rankData = yData.slice().sort((a, b) => b - a).map((value) => yData.indexOf(value) + 1); + //如果选择全校,增加排名 + if (this.college.includes('全校')) { + seriesData.push({ + name: i + '级累计总通过率排名', + type: 'line', + yAxisIndex: 1, + data: rankData, + bar: {}, + show: false, + + itemStyle: { + + normal: { + + label: { + show: false,//开启显示 + position: 'top',//在上方显示 + formatter: '{c}', + textStyle: { //数值样式 + color: 'black', + fontSize: 13 + }, + }, + color: colors[j++] + } + } + }); } - ); } let myChart = echarts.init(document.getElementById("map1")); // 指定图表的配置项和数据 + const college1 = this.college; let option = { title: { text: "本批次学院通过率排名", @@ -224,6 +264,13 @@ export default { for (let i = 0; i < params.length; i++) { result += params[i].marker + params[i].seriesName + ' : ' + params[i].value + '%' + '
'; } + if (college1.includes('全校')) { + result = params[0].name + '
' + + '' + + '' + + '' + + '
' + params[0].marker + params[0].seriesName + '' + '    ' + params[0].value + '%' + '
' + params[1].marker + params[1].seriesName + '' + '    ' + params[1].value + '
'; + } return result; } }, @@ -268,6 +315,43 @@ export default { ], series: seriesData }; + if (this.college.includes('全校')) { + option.series = [{ + name: '累计总通过率', + type: 'bar', + data: seriesData[0].data, + barWidth: '60%', + itemStyle: { + normal: { + label: { + show: true,//开启显示 + position: 'top',//在上方显示 + formatter: '{c}%', + textStyle: { //数值样式 + color: 'black', + fontSize: 13 + }, + }, + color: colors[0] + } + } + }, + { + name: '排名', + type: 'bar', + data: seriesData[1].data, + label: { + show: false, + position: 'inside', + formatter: '{c}', + + }, + yAxisIndex: 1, + color: colors[1] + + }, + ] + } // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); },