From 414212d6d55f8d3e924787bece138ede7e0ab6af Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期一, 28 十月 2024 12:19:33 +0800
Subject: [PATCH] 数据中心视频优化完

---
 src/views/screen/components/lineChart.vue |   46 ++++++++++++++++++++++++----------------------
 1 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/views/screen/components/lineChart.vue b/src/views/screen/components/lineChart.vue
index ea1bd1f..f748faa 100644
--- a/src/views/screen/components/lineChart.vue
+++ b/src/views/screen/components/lineChart.vue
@@ -3,7 +3,6 @@
 </template>
 
 <script>
-import * as echarts from "echarts";
 
 export default {
   name: 'lineChart',
@@ -28,68 +27,70 @@
       const that = this
       let option = {
         grid: {
-          width: '100%'
+          left: '15%',
+          right: '5%'
         },
         tooltip: {
           trigger: 'item',
-              formatter: function (params) {
+          formatter: function (params) {
             let str = '<div><p>' + params.name + '</p></div>'
             str += params.marker + params.seriesName + '锛�' + params.data
             return str
           },
           textStyle: {
-            fontSize: 12
+            fontSize: 16
           }
         },
 
         // 鍥句緥缁勪欢
         legend: {
           type: 'plain',
-              top: 20,
-              data: ['宸插鐞嗗伐鍗曟暟', '鏈鐞嗗伐鍗曟暟'],
-              textStyle: {
-            color: '#A0AEC0'
+          top: 20,
+          data: ['宸插鐞嗗伐鍗曟暟', '鏈鐞嗗伐鍗曟暟'],
+          textStyle: {
+            color: '#A0AEC0',
+            fontSize: 14
           }
         },
 
         // X杞撮厤缃�
         xAxis: {
           type: 'category',
-              boundaryGap: false,
-              axisTick: {
+          boundaryGap: false,
+          axisTick: {
             show: true
           },
           axisLine: {
             lineStyle: {
               color: '#A0AEC0',
-                  type: 'solid'
+              type: 'solid'
             }
           },
           axisLabel: {
             color: '#A0AEC0',
-                fontSize: 12,
-                margin: 20,
-                rotate: 30
+            fontSize: 14,
+            margin: 20,
+            rotate: 30
           },
           data: that.name,
         },
         // Y杞撮厤缃�
         yAxis: {
           type: 'value',
-              splitLine: {
+          splitLine: {
             lineStyle: {
               color: '#A0AEC0',
-                  type: 'dashed'
+              type: 'dashed'
             }
           },
           splitNumber: 5,
-              axisLine: {
+          axisLine: {
             show: false
           },
           axisLabel: {
             color: '#A0AEC0',
-                fontSize: 12,
-                margin: 15
+            fontSize: 14,
+            margin: 5
           }
         },
         // 绯诲垪鍒楄〃锛堝涓姌绾垮浘锛�
@@ -138,6 +139,7 @@
           }
         ]
       }
+
       that.myDrawLine = this.$echarts.init(this.$refs.lineChart)
       that.myDrawLine.setOption(option)
       window.addEventListener('resize', function () {
@@ -149,9 +151,9 @@
   watch: {
     workOrderRegion: {
       handler(newV, oldV) {
-        this.name =[]
-        this.data1=[]
-        this.data2=[]
+        this.name = []
+        this.data1 = []
+        this.data2 = []
         newV.map((item) => {
           this.name.push(item.area);
           this.data1.push(item.doneNum);

--
Gitblit v1.8.0