温度管理：样式优化

ui/dasadmin/src/views/backend/temperature/index.vue

@@ -103,6 +103,7 @@ const inittemperatureChar = () => {
         xAxis: {
             type: 'value',
             interval: 10,
+            z:10,
             axisLine: {
                 show: true,
                 lineStyle: {
@@ -131,29 +132,27 @@ const inittemperatureChar = () => {
         yAxis: [
             {
                 type: 'category',
-                nameTextStyle: {
+                z: 10,
-                    color: '#4E5969',
-                },
                 axisLine: {
                     show: true,
                     lineStyle: {
                         color: '#ffffff',
-                        width: 0,
+                        width: 1,
                         type: 'solid',
                     },
                 },
                 axisLabel: {
-                    //x轴文字的配置
                     show: true,
                     textStyle: {
                         color: '#4E5969',
                     },
                 },
-                axisTick: { show: false },
+                axisTick: { show: true },
                 splitLine: {
                     interval: 50,
                     lineStyle: {
                         type: 'solid',
+                        width:1,
                         color: '#ffffff',
                     },
                 },
@@ -164,10 +163,10 @@ const inittemperatureChar = () => {
         series: [
             {
                 type: 'bar',
-                barWidth: 40,
+                //barWidth: 40,
                 itemStyle: {
                     color: '#0064AA',
-                    barBorderRadius: 2
+                    barBorderRadius: 2,
                 },
                 label:{
                     show:true,
@@ -180,32 +179,35 @@ const inittemperatureChar = () => {
             {
                 name: '上限值',
                 type: 'bar',
-                barWidth: 40,
+                //barWidth: 40,
                 barGap: '-100%',
                 data: temperatureData.limit1High,
                 itemStyle: {
                     color: '#ccecea',
+                    //borderColor: '#ffffff',
                 },
                 z:2
             },
             {
                 name: '下限值',
                 type: 'bar',
-                barWidth: 40,
+                //barWidth: 40,
                 barGap: '-100%',
                 data: temperatureData.limit1Low,
                 itemStyle: {
                     color: '#ccecea',
+                    //borderColor: '#ffffff',
                 },
                 z:2
             },
             {
                 name: '上上限值',
                 type: 'bar',
-                barWidth: 40,
+                //barWidth: 40,
                 barGap: '-100%',
                 itemStyle: {
                     color: '#fff0cc',
+                    borderColor: '#ffffff',
                 },
                 data: temperatureData.limit2High,
                 z:1
@@ -213,11 +215,12 @@ const inittemperatureChar = () => {
             {
                 name: '下下限值',
                 type: 'bar',
-                barWidth: 40,
+                //barWidth: 40,
                 barGap: '-100%',
                 data: temperatureData.limit2Low,
                 itemStyle: {
                     color: '#fff0cc',
+                    borderColor: '#ffffff',
                 },
                 z:1
             },
@@ -231,7 +234,6 @@ const attributesCode:any[]=[]
 const getChartData = (data: any) => {
     console.log(JSON.stringify(data))
     getTemperatureLimitByDeviceId(data).then((res) => {
-        debugger
         if (res.code=='200') {
             temperatureData.name=[]
             temperatureData.values=[]