From f223aad70516049577c261d5e6cd876abed07cb4 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期五, 18 十一月 2022 18:39:44 +0800
Subject: [PATCH] Merge branch 'wvp-28181-2.0'
---
web_src/src/components/console/ConsoleMediaServer.vue | 85 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 85 insertions(+), 0 deletions(-)
diff --git a/web_src/src/components/console/ConsoleMediaServer.vue b/web_src/src/components/console/ConsoleMediaServer.vue
new file mode 100644
index 0000000..a842b50
--- /dev/null
+++ b/web_src/src/components/console/ConsoleMediaServer.vue
@@ -0,0 +1,85 @@
+<template>
+ <div id="ConsoleMediaServer" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center">
+ <ve-histogram ref="ConsoleMEM" :data="chartData" :extend="extend" :settings="chartSettings" width="100%" height="100%" ></ve-histogram>
+ </div>
+</template>
+
+<script>
+
+
+import moment from "moment/moment";
+
+export default {
+ name: 'ConsoleMediaServer',
+ data() {
+ return {
+ chartData: {
+ columns: ['time', 'in', 'out'],
+ rows: [
+ ]
+ },
+ chartSettings: {
+ area: true,
+ labelMap: {
+ 'in': '涓嬭浇',
+ 'out': '涓婁紶'
+ },
+ },
+ extend: {
+ title: {
+ show: true,
+ text: "缃戠粶",
+ left: "center",
+ top: 20,
+
+ },
+ grid: {
+ show: true,
+ right: "30px",
+ containLabel: true,
+ },
+ xAxis: {
+ time: "time",
+ max: 'dataMax',
+ boundaryGap: ['20%', '20%'],
+ axisLabel: {
+ formatter:(v)=>{
+ return moment(v).format("HH:mm:ss");
+ },
+ showMaxLabel: true,
+ },
+ },
+ tooltip: {
+ trigger: 'axis',
+ formatter: (data)=>{
+ console.log(parseFloat(data[0].data[1]).toFixed(2))
+ console.log(parseFloat(data[1].data[1]).toFixed(2))
+ console.log("############")
+ return "涓嬭浇锛�" + parseFloat(data[0].data[1]).toFixed(2) + "Mbps" + "</br> 涓婁紶锛�" + parseFloat(data[1].data[1]).toFixed(2) + "Mbps";
+ }
+ },
+ legend: {
+ left: "center",
+ bottom: "15px",
+ }
+ }
+ };
+ },
+ mounted() {
+ this.$nextTick(_ => {
+ setTimeout(()=>{
+ this.$refs.ConsoleMEM.echarts.resize()
+ }, 100)
+ })
+ },
+ destroyed() {
+ },
+ methods: {
+ setData: function(data) {
+ console.log(data)
+ this.chartData .rows = data;
+ }
+
+ }
+};
+</script>
--
Gitblit v1.8.0