TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-11-18 23:10:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

实现Dashboard

Browse Source
This commit is contained in:
刘祥超
2021-01-21 18:55:53 +08:00
parent beab50de4c
commit bbf7e2898f
11 changed files with 328 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
web/views/@default/dashboard/index.js Normal file
View File

@@ -0,0 +1,105 @@
Tea.context(function () {
this.trafficTab = "hourly"
this.$delay(function () {
this.reloadHourlyTrafficChart()
})
this.selectTrafficTab = function (tab) {
this.trafficTab = tab
if (tab == "hourly") {
} else if (tab == "daily") {
this.$delay(function () {
this.reloadDailyTrafficChart()
})
}
}
this.reloadHourlyTrafficChart = function () {
let chartBox = document.getElementById("hourly-traffic-chart-box")
let chart = echarts.init(chartBox)
let option = {
xAxis: {
data: this.hourlyTrafficStats.map(function (v) {
return v.hour;
})
},
yAxis: {},
tooltip: {
show: true,
trigger: "item",
formatter: "{c} GB"
},
grid: {
left: 40,
top: 10,
right: 20
},
series: [
{
name: "流量",
type: "line",
data: this.hourlyTrafficStats.map(function (v) {
return v.count;
}),
itemStyle: {
color: "#9DD3E8"
},
lineStyle: {
color: "#9DD3E8"
},
areaStyle: {
color: "#9DD3E8"
}
}
],
animation: false
}
chart.setOption(option)
}
this.reloadDailyTrafficChart = function () {
let chartBox = document.getElementById("daily-traffic-chart-box")
let chart = echarts.init(chartBox)
let option = {
xAxis: {
data: this.dailyTrafficStats.map(function (v) {
return v.day;
})
},
yAxis: {},
tooltip: {
show: true,
trigger: "item",
formatter: "{c} GB"
},
grid: {
left: 40,
top: 10,
right: 20
},
series: [
{
name: "流量",
type: "line",
data: this.dailyTrafficStats.map(function (v) {
return v.count;
}),
itemStyle: {
color: "#9DD3E8"
},
lineStyle: {
color: "#9DD3E8"
},
areaStyle: {
color: "#9DD3E8"
}
}
],
animation: false
}
chart.setOption(option)
}
})