From dbf0a6927c4cfc3e42e71876d72c7749afa85123 Mon Sep 17 00:00:00 2001
From: yikai <yikai@didiglobal.com>
Date: Fri, 29 Sep 2023 14:53:58 +0800
Subject: [PATCH] feat: monitor chart

---
 .../views/hippo4j/monitor/components/LineChart.vue  |  2 +-
 .../console/src/views/hippo4j/monitor/index.vue     | 13 ++++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/threadpool/console/src/views/hippo4j/monitor/components/LineChart.vue b/threadpool/console/src/views/hippo4j/monitor/components/LineChart.vue
index e4e341ce..6bb26713 100755
--- a/threadpool/console/src/views/hippo4j/monitor/components/LineChart.vue
+++ b/threadpool/console/src/views/hippo4j/monitor/components/LineChart.vue
@@ -51,7 +51,6 @@ export default {
     chartData: {
       deep: true,
       handler(val) {
-        console.log('val:::', val)
         this.setOptions(val);
       },
     },
@@ -134,6 +133,7 @@ export default {
           ...cusFormatterObj
         },
         legend: {
+          show:false,
           data: this.chartData,
           icon: 'circle',
           top: 0,
diff --git a/threadpool/console/src/views/hippo4j/monitor/index.vue b/threadpool/console/src/views/hippo4j/monitor/index.vue
index ebe6d3fe..73ee8bf2 100644
--- a/threadpool/console/src/views/hippo4j/monitor/index.vue
+++ b/threadpool/console/src/views/hippo4j/monitor/index.vue
@@ -5,20 +5,20 @@
     <div class="search-wrapper"></div>
     <div class="center-chart-wrapper">
 
-      <line-chart title="任务" :chart-data="lineChartData" :times="times" height="100%" :cus-formatter="true" />
+      <line-chart title="任务数" :chart-data="lineChartData" :times="times" height="100%" :cus-formatter="true" />
     </div>
     <div class="bottom-chart-wraper">
       <div class="inner-chart">
         <line-chart title="活跃线程数" :chart-data="activeSizeList" :times="times" height="100%" />
       </div>
       <div class="inner-chart">
-        <line-chart title="活跃线程数" :chart-data="poolSizeList" :times="times" height="100%" />
+        <line-chart title="线程数" :chart-data="poolSizeList" :times="times" height="100%" />
       </div>
       <div class="inner-chart">
-        <line-chart title="活跃线程数" :chart-data="queueSizeList" :times="times" height="100%" />
+        <line-chart title="队列元素数" :chart-data="queueSizeList" :times="times" height="100%" />
       </div>
       <div class="inner-chart">
-        <line-chart title="活跃线程数" :chart-data="rangeRejectCountList" :times="times" height="100%" />
+        <line-chart title="拒绝数" :chart-data="rangeRejectCountList" :times="times" height="100%" />
       </div>
     </div>
   </div>
@@ -126,7 +126,7 @@ export default {
   height: calc(100vh - 50px);
   display: grid;
   grid-template-rows: 60px 1fr 2fr;
-  grid-template-columns: 300px 2fr 1fr;
+  grid-template-columns: 240px 2fr 1fr;
   background-color: #ebebf3;
   gap: 10px;
   padding: 10px;
@@ -165,8 +165,7 @@ export default {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: 1fr 1fr;
-    gap: 12px;
-
+    gap: 24px;
     .inner-chart {
       grid-column: span 1;
       grid-row: span 1;