From 9b24f7b1b7a431d9f00b92648d0bcf5e2257a3b6 Mon Sep 17 00:00:00 2001
From: Zhang HaoYang <1304907854@qq.com>
Date: Sun, 9 Jul 2023 23:32:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../data/json => public}/gh-pull-request.json | 0
{src/data/json => public}/gh-push-event.json | 0
.../data/json => public}/github-licenses.json | 0
src/components/Ranking/Ranking.vue | 279 +++++++++++++-----
4 files changed, 210 insertions(+), 69 deletions(-)
rename {src/data/json => public}/gh-pull-request.json (100%)
rename {src/data/json => public}/gh-push-event.json (100%)
rename {src/data/json => public}/github-licenses.json (100%)
diff --git a/src/data/json/gh-pull-request.json b/public/gh-pull-request.json
similarity index 100%
rename from src/data/json/gh-pull-request.json
rename to public/gh-pull-request.json
diff --git a/src/data/json/gh-push-event.json b/public/gh-push-event.json
similarity index 100%
rename from src/data/json/gh-push-event.json
rename to public/gh-push-event.json
diff --git a/src/data/json/github-licenses.json b/public/github-licenses.json
similarity index 100%
rename from src/data/json/github-licenses.json
rename to public/github-licenses.json
diff --git a/src/components/Ranking/Ranking.vue b/src/components/Ranking/Ranking.vue
index 6584791..1e0f168 100644
--- a/src/components/Ranking/Ranking.vue
+++ b/src/components/Ranking/Ranking.vue
@@ -13,10 +13,10 @@
-
-
+
+ :active-text=activeWord
+ :inactive-text=inactiveWord>
@@ -62,8 +63,7 @@
-
-
+
@@ -71,7 +71,7 @@
-
+
@@ -93,6 +93,11 @@ export default {
components: {RightTools},
data(){
return{
+ // 开关文本：
+ activeWord:'月度趋势',
+ inactiveWord:'年度统计',
+ // 禁用年份选择：
+ ban:false,
// echart图：
manuChart:null,
// Echart图options：
@@ -103,28 +108,12 @@ export default {
formName:[],
// 星数数据：
starNum:[],
- // 星数数据按年份：
- starNumByYear:[],
- // 星数数据按季度趋势：
- starNumByMon:[],
// 项目拉取数：
- // pullNum:[],
- // 星数数据按年份：
- pullNumByYear:[],
- // 星数数据按季度趋势：
- pullNumByMon:[],
+ pullNum:[],
// 推送项目数：
pushNum:[],
- // 星数数据按年份：
- pushNumByYear:[],
- // 星数数据按季度趋势：
- pushNumByMon:[],
// 协议数：
licensesNum:[],
- // 星数数据按年份：
- licensesNumByYear:[],
- // 星数数据按季度趋势：
- licensesNumByMon:[],
// 榜单分类目录：
options:[{
value: '1',
@@ -161,6 +150,15 @@ export default {
this.$axios.get("/gh-star-event.json").then(res => {
that.starNum = res.data;
})
+ this.$axios.get("/gh-push-event.json").then(res => {
+ that.pushNum = res.data;
+ })
+ this.$axios.get("/gh-pull-request.json").then(res => {
+ that.pullNum = res.data;
+ })
+ this.$axios.get("/github-licenses.json").then(res => {
+ that.licensesNum = res.data;
+ })
},
mounted() {
this.initPage();
@@ -177,32 +175,66 @@ export default {
initPage(){
var that = this;
that.formName=['语言种类','获得星数'];
+ that.activeWord='月度趋势';
+ that.inactiveWord='年度统计';
+ that.ban=false;
+ that.showData = [];
this.manuChart = this.$echarts.init(this.$refs.EChart);
// this.getNumData(2023,false);
},
FreshPage(type,index){
var that = this;
- this.$refs.totalContent.style.display = 'block';
- if(index == true) that.selectedValueByYear = 11;
- // console.log(that.selectedValueByYear);
- type = type[type.length-1] - 1;
- let year = that.selectedValueByYear + 2012;
- if(type == 1){
- // 按星数统计：
- this.getNumData(year,that.value1);
- that.formName=['语言种类','获得星数']
- }else if(type == 2){
-
- }else if(type == 3){
-
- }else if(type == 4){
-
+ that.ban=false;
+ if(index == 1) {
+ that.selectedValueByYear = 11;
+ that.value1 = false;
+ this.$refs.totalContent.style.display = 'block';
}
- // console.log(type);
+ if(index == 1 || index == 2 || index == 0 && that.selectedValueByYear != null){
+ if(that.value1 == false && index == 0) this.$refs.totalContent.style.display = 'block';
+ type = type[type.length-1] - 1;
+ let year = that.selectedValueByYear + 2012;
+ if(type == 1){
+ // 按星数统计：
+ this.getNumData(year,that.value1,that.starNum);
+ that.formName=['语言种类','获得星数']
+ that.activeWord='月度趋势';
+ that.inactiveWord='年度统计';
+ }else if(type == 2){
+ this.getNumData(year,that.value1,that.pushNum);
+ that.formName=['语言种类','推送项目数']
+ that.activeWord='月度趋势';
+ that.inactiveWord='年度统计';
+ }else if(type == 3){
+ this.getNumData(year,that.value1,that.pullNum);
+ that.formName=['语言种类','用户拉取项目数']
+ that.activeWord='月度趋势';
+ that.inactiveWord='年度统计';
+ }else if(type == 4){
+ this.getLiscenseData(that.value1);
+ that.formName=['协议种类','项目数']
+ that.activeWord='各协议占比';
+ that.inactiveWord='数据总览';
+ that.ban=true;
+ }
+ }
+ if(index == 0 && that.selectedValueByYear == null){
+ this.$message({
+ message: '请先选择年份！',
+ type: 'warning',
+ offset:100,
+ duration:500,
+ });
+ // 不让修改：
+ if(that.value1 == false) that.value1 = true;
+ if(that.value1 == true) that.value1 = false;
+ }
+ // console.log(that.selectedValueByYear);
+
},
- // 星数分类的数据：
- getNumData(year,index){
+ // 语言分类的数据：
+ getNumData(year,index,Mydata){
function compare(property) {
return function (a, b) {
var value1 = a[property];
@@ -212,7 +244,7 @@ export default {
}
var that = this;
that.showData = [];
- let starNum2 = that.starNum.filter(item => item['year'] == year);
+ let starNum2 = Mydata.filter(item => item['year'] == year);
if(index == false){
let tmp = [];
// 按年度统计：
@@ -241,44 +273,153 @@ export default {
//对应该四个月的数量：
let monthCount = [0,0,0,0];
// 应该存入的对应季度数组下标：quarterItems[starNum2[i]['quarter']]
- monthCount[Quarter] = tmpcount;
+ if(that.selectedValueByYear == 11){
+ monthCount = monthCount.fill(tmpcount);
+ }else{
+ monthCount[Quarter] = tmpcount;
+ }
//创建该折线数据对象：
let tmpObj = {'name':tmpName,'type':'line','data':monthCount};
quarterItems.push(tmpObj);
}
for(let j=15;jitem['name'] == tmpName);
if(findSignal != -1){
- quarterItems[findSignal]['data'][Quarter] = tmpcount;
+ let p = parseInt(quarterItems[findSignal]['data'][parseInt(LastQ)]);
+ quarterItems[findSignal]['data'][Quarter] = p + parseInt(tmpcount);
}
}
- // for(let j=0;j<4;j++){
- // if(quarterItems[j] == undefined || quarterItems[j].length <= 0) {
- // quarterItems.splice(j,1);
- // console.log(j);
- // }
- // }
- // 删除空元素
- // for(let j=0;j<4;j++){
- // if(quarterItems[j].length==0) quarterItems.splice(j,1);
- // }
- // let washData = [{'name':null,'data':[]}];
- // for(let p=0;p<10;p++){
- // for(let q=0;q{b} 协议项目 : {c} 个
百分比 : {d}%' //{a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）
+ },
+ series: [{
+ type: 'pie',
+ data: that.showData,
+ label: {//饼图文字的显示
+ show: true, //默认 显示文字
+ formatter: function (arg) {
+ console.log(arg);
+ return arg.name + ' 项目 ' + arg.value + " 个 " +'\n'+ arg.percent + "%"
+ }
+ },
+ radius: 220 //饼图的半径
+ }],
+ grid: {
+ x: '18%',
+ y: 0,
+ x2: '10%',
+ y2: 0
+ },
+ dataZoom: {
+ yAxisIndex: [0],
+ type:'inside',
+ start: 0,
+ end: 100,
+ zoomLock:true,
+ }
+ };
+ that.manuChart.setOption(that.MyOption,true);
+ },
+ // 横向柱状图(协议种类)：
+ getRendererLiscense() {
+ var that = this;
+ let name = [];
+ let value = [];
+ for(let i=0;i < that.showData.length;i++){
+ name.push(that.showData[i]['license']);
+ value.push(that.showData[i]['count']);
+ }
+ that.MyOption = {
+ tooltip: {
+ trigger: "axis"
+ },
+ xAxis: {
+ type: 'value',
+ min: 0,
+ axisLabel : {
+ show : false
+ },
+ splitLine : {
+ show : false
+ }
+ },
+ yAxis: {
+ type: 'category',
+ inverse: true,
+ axisTick : {
+ show : false
+ },
+ axisLine:{
+ show : false
+ },
+ data: name,
+ },
+ series: [{
+ name: '项目总数',
+ type: 'bar',
+ barWidth:13,
+ data: value,
+ label: {
+ show: true,
+ position: 'right'
+ }
+ }],
+ grid: {
+ x: '18%',
+ y: 0,
+ x2: '10%',
+ y2: 0
+ },
+ dataZoom: {
+ yAxisIndex: [0],
+ type:'inside',
+ start: 0,
+ end: 100,
+ zoomLock:true,
+ }
+ };
+ that.manuChart.setOption(that.MyOption,true);
+ },
+ // 横向柱状图(编程语言)：
getRenderer() {
var that = this;
let name = [];
@@ -361,11 +502,11 @@ export default {
containLabel: true
},
- toolbox: {
- feature: {
- saveAsImage: {}
- }
- },
+ // toolbox: {
+ // feature: {
+ // saveAsImage: {}
+ // }
+ // },
xAxis: {//横坐标
name: "季度",
type: 'category',