From c2f28a09fbc4206c266e1caab0a29d0a25d6864f Mon Sep 17 00:00:00 2001
From: cyuamber <xuranyjy@chinamobile.com>
Date: Thu, 19 Dec 2019 16:11:55 +0800
Subject: feat:Optimize legend and tooltip of slicing monitor page

Change-Id: I1747cac83a5d60d50c230dcafdb25c6f8828a2fe
Issue-ID: USECASEUI-370
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
---
 .../src/app/views/fcaps/monitor-5g/monitor-5g.component.ts |  3 +++
 .../src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts | 14 ++++++++++++++
 2 files changed, 17 insertions(+)

(limited to 'usecaseui-portal/src/app/views/fcaps/monitor-5g')

diff --git a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts
index bfee94f4..82166691 100644
--- a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts
+++ b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts
@@ -109,6 +109,7 @@ export class Monitor5gComponent implements OnInit {
                 this.trafficChartData = {
                     legend: {
                         orient: 'vertical',
+                        type: 'scroll',
                         left: '0px',
                         bottom: '0px',
                         itemWidth: 10,
@@ -148,6 +149,7 @@ export class Monitor5gComponent implements OnInit {
                 this.onlineuserChartData = {
                     legend: {
                         bottom: '0px',
+                        type: 'scroll',
                         data: this.onlineuserLegend
                     },
                     xAxis: {
@@ -181,6 +183,7 @@ export class Monitor5gComponent implements OnInit {
                 this.bandwidthChartData = {
                     legend: {
                         bottom: '0px',
+                        type: 'scroll',
                         data: this.bandwidthLegend
                     },
                     xAxis: {
diff --git a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts
index e2bde449..34f3b59f 100644
--- a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts
+++ b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts
@@ -7,6 +7,7 @@ export const pieChartconfig = {
         },
         legend: {
             orient: 'vertical',
+            type: 'scroll',
             left: '0px',
             bottom: '0px',
             itemWidth: 10,
@@ -37,8 +38,21 @@ export const pieChartconfig = {
 export const lineChartconfig = {
     height: 320,
     option: {
+        "tooltip": {
+            "trigger": "axis",
+            "axisPointer": {
+                "type": "line",
+                textStyle: {
+                    color: "#fff"
+                },
+                lineStyle: {
+                    color: '#ccc'
+                }
+            },
+        },
         legend: {
             bottom: '0px',
+            type: 'scroll',
             data: []
         },
         xAxis: {
-- 
cgit 1.2.3-korg