From 73cb3ec2b1660610e3621d7614ad308f2c19331d Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 16 十一月 2023 17:19:38 +0800
Subject: [PATCH] 1.修改了综合风险模型表格数据的获取 2.修改了时间选择器
---
src/views/risk_assessment/components/LineChart.vue | 24 ++++++++++++++++++------
1 files changed, 18 insertions(+), 6 deletions(-)
diff --git a/src/views/line_graph/components/LineChart.vue b/src/views/risk_assessment/components/LineChart.vue
similarity index 86%
rename from src/views/line_graph/components/LineChart.vue
rename to src/views/risk_assessment/components/LineChart.vue
index e509576..a4643cf 100644
--- a/src/views/line_graph/components/LineChart.vue
+++ b/src/views/risk_assessment/components/LineChart.vue
@@ -35,6 +35,12 @@
seriesName: {
type: String,
default: '绯诲垪涓�'
+ },
+ areaColor: {
+ type: Array,
+ default: () => {
+ return []
+ }
}
},
data() {
@@ -44,6 +50,7 @@
},
mounted() {
this.intiChart()
+
window.addEventListener('resize', this.resizeChart)
},
watch: {
@@ -70,11 +77,6 @@
toolbox: {
// 宸ュ叿鏍�
feature: {
- // dataZoom: {
- // // 鍖哄煙缂╂斁
- // yAxisIndex: 'none'
- // },
-
// 淇濆瓨涓哄浘鐗�
saveAsImage: {}
}
@@ -101,7 +103,16 @@
{
name: this.seriesName,
type: 'line',
- data: this.chartData.y
+ data: this.chartData.y,
+ // 鍙樻崲鎸囧畾鏃堕棿鍖洪棿鐨勮儗鏅鑹�
+
+ markArea: {
+ itemStyle: {
+ color: '#e5e6eb'
+ },
+
+ data: this.areaColor
+ }
}
]
}
@@ -124,5 +135,6 @@
height: 300px;
margin-top: 25px;
margin-left: 30px;
+ color: #535a64;
}
</style>
--
Gitblit v1.9.3