like 5 місяців тому
батько
коміт
246dac4d61
1 змінених файлів з 48 додано та 12 видалено
  1. 48 12
      snowy-admin-web/src/views/biz/monitor/trendchart/index.vue

+ 48 - 12
snowy-admin-web/src/views/biz/monitor/trendchart/index.vue

@@ -185,7 +185,7 @@
 				formatter: function (params) {
 					let date = params[0].axisValueLabel
 					let value = params[0].value
-					return `${date}<br/>温度: ${value} °C`
+					return `${date}<br/>温度 ${value} °C`
 				}
 			},
 			grid: {
@@ -246,16 +246,28 @@
 					type: 'line',
 					symbol: 'circle',
 					lineStyle: {
-						color: '#4292fa',
+						color: '#4362f0',
 						cap: 'round'
 					},
 					itemStyle: {
 						normal: {
 							color: 'transparent',
-							borderColor: '#4b93fa',
-							borderWidth: 2
+							borderColor: '#4362f0',
+							borderWidth: 3
 						}
 					},
+					areaStyle: {
+						color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+							{
+								offset: 0,
+								color: '#4362f0'
+							},
+							{
+								offset: 1,
+								color: '#fff'
+							}
+						])
+					},
 					symbolSize: 6,
 					label: {
 						show: false
@@ -323,7 +335,7 @@
 				formatter: function (params) {
 					let date = params[0].axisValueLabel
 					let value = params[0].value
-					return `${date}<br/>湿度: ${value} %`
+					return `${date}<br/>湿度 ${value} %`
 				}
 			},
 			grid: {
@@ -384,16 +396,28 @@
 					type: 'line',
 					symbol: 'circle',
 					lineStyle: {
-						color: '#4292fa',
+						color: '#11def7',
 						cap: 'round'
 					},
 					itemStyle: {
 						normal: {
 							color: 'transparent',
-							borderColor: '#4b93fa',
-							borderWidth: 2
+							borderColor: '#11def7',
+							borderWidth: 3
 						}
 					},
+					areaStyle: {
+						color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+							{
+								offset: 0,
+								color: '#11def7'
+							},
+							{
+								offset: 1,
+								color: '#fff'
+							}
+						])
+					},
 					symbolSize: 6,
 					label: {
 						show: false
@@ -460,7 +484,7 @@
 				formatter: function (params) {
 					let date = params[0].axisValueLabel
 					let value = params[0].value
-					return `${date}<br/>二氧化碳: ${value} %`
+					return `${date}<br/>二氧化碳 ${value} %`
 				}
 			},
 			grid: {
@@ -521,16 +545,28 @@
 					type: 'line',
 					symbol: 'circle',
 					lineStyle: {
-						color: '#4292fa',
+						color: '#7f3fd5',
 						cap: 'round'
 					},
 					itemStyle: {
 						normal: {
 							color: 'transparent',
-							borderColor: '#4b93fa',
-							borderWidth: 2
+							borderColor: '#7f3fd5',
+							borderWidth: 3
 						}
 					},
+					areaStyle: {
+						color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+							{
+								offset: 0,
+								color: '#7f3fd5'
+							},
+							{
+								offset: 1,
+								color: '#fff'
+							}
+						])
+					},
 					symbolSize: 6,
 					label: {
 						show: false