feat:add pie echarts of monitor 5g page

Change-Id: I2ac95e493d891ae67a44478dce596eda27680df9
Issue-ID: USECASEUI-370
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

1 files changed, 36 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts
new file mode 100644
index 00000000..59ed7f25
--- /dev/null
+++ b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitorEchartsConfig.ts
@@ -0,0 +1,36 @@
+export const pieChartconfig = {
+    height: 320,
+    option: {
+        tooltip: {
+            trigger: 'item',
+            formatter: '{b}\n{c},{d}%'
+        },
+        legend: {
+            orient: 'vertical',
+            left: '0px',
+            bottom: '0px',
+            itemWidth: 10,
+            itemHeight: 10,
+            textStyle: {
+                color: "#3C4F8C"
+            },
+            data: []
+        },
+        color: ["#7AC0EF", "#FB7788","#6A86D8","#A6BFE4","#748CDC", "#7277D4", "#7067CE", "#B9B0F7", "#7DCFF5"],
+        series: [{
+            name: "",
+            radius: '55%',
+            center: ['50%', '45%'],
+            label: {
+                normal: {
+                    show: false,
+                },
+                emphasis: {
+                    show: false,
+                    formatter: '{b}\n{c},{d}%',
+                    color: "#3C4F8C"
+                }
+            }
+        }]
+    }
+};
\ No newline at end of file