【update】-大屏样式的修改

src/views/dashboard/screen/iso/MeetingInformationChart.vue

@@ -229,7 +229,7 @@ export default {
       })
       let tooltipTitle = this.getTooltipTitle()
       let option = {
-        color: ['#069F99', '#97E3E0', '#18E0AB'],
+        color: ['#97E3E0', '#069F99', '#18E0AB'],
         tooltip: {
           formatter: params => {
             // 获取xAxis data中的数据

src/views/dashboard/screen/wp29/ExpertQuantityChart.vue

@@ -77,6 +77,19 @@ export default {
           extraCssText:'max-width:400px;'
         },
         xAxis: {
+          axisLabel: {
+            rotate: -10,
+            align: 'center',
+            verticalAlign : 'top',
+            margin: 12,
+            formatter: (params) => {
+              if (params.length > 8) {
+                return `${params.slice(0, 8)}...`
+              } else {
+                return params
+              }
+            }
+          },
           data: xAxisData
         },
         series: [

src/views/dashboard/screen/wp29/MeetingInformationChart.vue

@@ -253,7 +253,7 @@ export default {
       })
       let tooltipTitle = this.getTooltipTitle()
       let option = {
-        color: ['#069F99', '#97E3E0', '#18E0AB'],
+        color: [ '#97E3E0', '#069F99','#18E0AB'],
         tooltip: {
           formatter: params => {
             // 获取xAxis data中的数据
@@ -292,6 +292,19 @@ export default {
           }
         },
         xAxis: {
+          axisLabel: {
+            rotate: -10,
+            align: 'center',
+            verticalAlign : 'top',
+            margin: 12,
+            formatter: (params) => {
+              if (params.length > 8) {
+                return `${params.slice(0, 8)}...`
+              } else {
+                return params
+              }
+            }
+          },
           data: xData
         },
         series: [

src/views/dashboard/screen/wp29/RegulationQuantityChart.vue

@@ -55,7 +55,7 @@ export default {
     // 初始化图表
     initChart() {
       let option = {
-        color: ['#069F99', '#3CC3BE','#97E3E0'],
+        color: [ '#3CC3BE','#97E3E0','#069F99'],
         grid: {
           left: '0',
           top : '20'