From 2b1f7a47394363e95deb4dfa0f1c67d41e747f7f Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期三, 01 二月 2023 10:56:40 +0800
Subject: [PATCH] Merge branch 'wvp-28181-2.0' into fix-269
---
web_src/src/components/console/ConsoleCPU.vue | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 109 insertions(+), 0 deletions(-)
diff --git a/web_src/src/components/console/ConsoleCPU.vue b/web_src/src/components/console/ConsoleCPU.vue
new file mode 100644
index 0000000..5aed07e
--- /dev/null
+++ b/web_src/src/components/console/ConsoleCPU.vue
@@ -0,0 +1,109 @@
+<template>
+ <div id="consoleCPU" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center">
+ <ve-line ref="consoleCPU" :data="chartData" :extend="extend" width="100%" height="100%" :legend-visible="false"></ve-line>
+ </div>
+</template>
+
+<script>
+
+
+import moment from "moment/moment";
+
+export default {
+ name: 'consoleCPU',
+ data() {
+ return {
+ chartData: {
+ columns: ['time', 'data'],
+ rows: []
+ },
+
+ extend: {
+ title: {
+ show: true,
+ text: "CPU",
+ 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,
+ }
+ },
+ yAxis: {
+ type: 'value',
+ min: 0,
+ max: 1,
+ splitNumber: 6,
+ position: "left",
+ silent: true,
+ axisLabel: {
+ formatter: (v)=>{
+ return v*100 + "%";
+ },
+ }
+ },
+ tooltip: {
+ trigger: 'axis',
+ formatter: (data)=>{
+ console.log(data)
+ return moment(data[0].data[0]).format("HH:mm:ss") + "</br> "
+ + data[0].marker + "浣跨敤锛�" + (data[0].data[1]*100).toFixed(2) + "%";
+ }
+ },
+ series: {
+ itemStyle: {
+ color: "#409EFF"
+ },
+ areaStyle: {
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [{
+ offset: 0, color: '#50a3f8' // 0% 澶勭殑棰滆壊
+ }, {
+ offset: 1, color: '#69b0fa' // 100% 澶勭殑棰滆壊
+ }],
+ global: false // 缂虹渷涓� false
+ }
+ }
+ }
+ }
+ };
+ },
+ created() {
+
+
+ },
+ mounted() {
+ this.$nextTick(_ => {
+ setTimeout(()=>{
+ this.$refs.consoleCPU.echarts.resize()
+ }, 100)
+ })
+ },
+ destroyed() {
+ },
+ methods: {
+ setData: function(data) {
+ this.chartData .rows = data;
+ }
+
+ }
+};
+</script>
--
Gitblit v1.8.0