From 421d5510fa769b99aa41dadfc7dfa59a5939a642 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期一, 05 九月 2022 17:09:36 +0800
Subject: [PATCH] Default Changelist

---
 src/views/riskWarningSys/warningBigScreen/components/SPI.vue |  144 ++++++++++++++++++++++++------------------------
 1 files changed, 72 insertions(+), 72 deletions(-)

diff --git a/src/views/riskWarningSys/warningBigScreen/components/SPI.vue b/src/views/riskWarningSys/warningBigScreen/components/SPI.vue
index f148306..7568be8 100644
--- a/src/views/riskWarningSys/warningBigScreen/components/SPI.vue
+++ b/src/views/riskWarningSys/warningBigScreen/components/SPI.vue
@@ -26,7 +26,6 @@
 		components: {},
 		props:{
 			size: Number,
-			dep: Number
 		},
 		setup(props) {
 			const userInfo = useUserInfo()
@@ -46,20 +45,21 @@
 				option = {
 					legend: {
 						data: ['注意线', '警告线', '危险线', 'SPI预警指数值'],
-						top: '0',
-						left: 'center',
+						top: '2%',
+						right: '6%',
 						textStyle:{
-							color: '#fff',
-							fontSize: fontSize(12)
+							color: '#999',
+							fontSize: fontSize(14)
 						}
 					},
+					color: ['rgba(216,55,55)','rgba(235,194,80)','rgba(147,208,81)'],
 					tooltip: {
 						trigger: 'axis'
 					},
 					grid: {
-						left: '4%',
-						right: '4%',
-						bottom: '5%',
+						left: '8%',
+						right: '8%',
+						bottom: '4%',
 					},
 					xAxis: [
 						{
@@ -69,18 +69,18 @@
 							axisLine:{
 								show: true,
 								lineStyle:{
-									color: '#fff'
+									color: '#999'
 								}
 							},
 							splitLine:{
 								show: true,
 								lineStyle:{
 									type: 'dashed',
-									color: 'rgba(255,255,255,.4)'
+									color: '#999'
 								}
 							},
 							axisLabel:{
-								color: '#fff'
+								color: '#999',
 							}
 						}
 					],
@@ -107,6 +107,64 @@
 					],
 					series: [
 						{
+							name: '危险线',
+							data: [1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000],
+							type: 'line',
+							lineStyle:{
+								width: 0
+							},
+							areaStyle: {
+								color: {
+									x: 0,
+									y: 0,
+									x2: 0,
+									y2: 1,
+									colorStops: [
+										{
+											offset: 0.1,
+											color: "rgba(216,55,55)", // 线处的颜色
+										},
+										{
+											offset: 0.9,
+											color: "rgba(216,55,55,.1)", // 坐标轴处的颜色
+										},
+									],
+								}
+							},
+							showSymbol: false,
+							// stack: 'Total',
+							smooth: true
+						},
+						{
+							name: '警告线',
+							data: [750, 750, 750, 750, 750, 750, 750, 750, 750, 750, 750, 750],
+							type: 'line',
+							lineStyle:{
+								width: 0
+							},
+							areaStyle: {
+								color: {
+									x: 0,
+									y: 0,
+									x2: 0,
+									y2: 1,
+									colorStops: [
+										{
+											offset: 0.1,
+											color: "rgba(235,194,80)", // 线处的颜色
+										},
+										{
+											offset: 0.9,
+											color: "rgba(235,194,80,.1)", // 坐标轴处的颜色
+										},
+									],
+								}
+							},
+							showSymbol: false,
+							// stack: 'Total',
+							smooth: true
+						},
+						{
 							name: '注意线',
 							data: [500, 500, 500, 500, 500, 500, 500,500, 500, 500, 500, 500],
 							type: 'line',
@@ -132,65 +190,7 @@
 								},
 							},
 							showSymbol: false,
-							stack: 'Total',
-							smooth: true
-						},
-						{
-							name: '警告线',
-							data: [250, 250, 250, 250, 250, 250, 250,250, 250, 250, 250, 250],
-							type: 'line',
-							lineStyle:{
-								width: 0
-							},
-							areaStyle: {
-								color: {
-									x: 0,
-									y: 0,
-									x2: 0,
-									y2: 1,
-									colorStops: [
-										{
-											offset: 0.1,
-											color: "rgba(235,194,80)", // 线处的颜色
-										},
-										{
-											offset: 0.9,
-											color: "rgba(235,194,80,.6)", // 坐标轴处的颜色
-										},
-									],
-								}
-							},
-							showSymbol: false,
-							stack: 'Total',
-							smooth: true
-						},
-						{
-							name: '危险线',
-							data: [250, 250, 250, 250, 250, 250, 250,250, 250, 250, 250, 250],
-							type: 'line',
-							lineStyle:{
-								width: 0
-							},
-							areaStyle: {
-								color: {
-									x: 0,
-									y: 0,
-									x2: 0,
-									y2: 1,
-									colorStops: [
-										{
-											offset: 0.1,
-											color: "rgba(216,55,55)", // 线处的颜色
-										},
-										{
-											offset: 0.9,
-											color: "rgba(216,55,55,.6)", // 坐标轴处的颜色
-										},
-									],
-								}
-							},
-							showSymbol: false,
-							stack: 'Total',
+							// stack: 'Total',
 							smooth: true
 						},
 						{
@@ -200,7 +200,7 @@
 							triggerLineEvent: true,
 							label:{
 								show: true,
-								color: '#fff',
+								color: '#23E5E5',
 								fontSize: fontSize(12)
 							},
 							lineStyle:{
@@ -246,7 +246,7 @@
 	.charts-cont{
 		width: 100%;
 		height: 100%;
-		padding: 5%;
+		padding: 2%;
 		position: relative;
 
 		.spi{

--
Gitblit v1.9.2