From 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 21 Apr 2025 18:29:09 +0800
Subject: [PATCH] fix: 天气显示
---
src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTrendAnalysis.vue | 24 ++++++++++++++++++------
1 files changed, 18 insertions(+), 6 deletions(-)
diff --git a/src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTrendAnalysis.vue b/src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTrendAnalysis.vue
index f512923..addc476 100644
--- a/src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTrendAnalysis.vue
+++ b/src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTrendAnalysis.vue
@@ -7,9 +7,10 @@
<script setup>
import { getEventTrend } from '@/api/home/event'
import * as echarts from 'echarts'
+import useEchartsResize from '@/hooks/useEchartsResize'
const echartsRef = ref(null)
-let chart = null
+let { chart } = useEchartsResize(echartsRef)
const echartsOption = {
tooltip: {
@@ -28,8 +29,8 @@
xAxis: {
type: 'category',
axisLabel: {
- rotate: -45, // 旋转角度
- interval: 0, // 显示所有标签
+ // rotate: -45, // 旋转角度
+ // interval: 0, // 显示所有标签
color: '#FFFFFF',
fontFamily: 'Source Han Sans CN, Source Han Sans CN',
fontWeight: 400,
@@ -74,6 +75,18 @@
emphasis: {
focus: 'series',
},
+ areaStyle: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+ {
+ offset: 0,
+ color: 'rgba(24, 141, 240, 0.4)', // 顶部颜色
+ },
+ {
+ offset: 1,
+ color: 'rgba(24, 141, 240, 0)', // 底部颜色
+ },
+ ]),
+ },
data: [], // 示例数据，根据实际完成率计算
},
}
@@ -90,12 +103,10 @@
const list = res?.data?.data || []
echartsOption.xAxis.data = list.map(item => item.name)
echartsOption.series.data = list.map(item => item.value)
- chart.setOption(echartsOption)
+ chart.value.setOption(echartsOption)
}
onMounted(() => {
- chart = echarts.init(echartsRef.value)
- window.addEventListener('resize', chart.resize)
getData()
})
</script>
@@ -109,6 +120,7 @@
height: 28px;
line-height: 28px;
padding-left: 16px;
+ font-size: 14px;
}
.chart {
margin-top: 10px;
--
Gitblit v1.9.3