From c176db9cc5f42c03a9bb02537a2c2031372a7a1b Mon Sep 17 00:00:00 2001
From: taoxu <2622874537@qq.com>
Date: Tue, 19 Dec 2023 23:00:57 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BF=AE=E6=94=B9=20echarts?=
=?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages/index/index.vue | 633 ++++++++++++++++++------------------------
1 file changed, 273 insertions(+), 360 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 7882b02..09dd28e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,150 +1,100 @@
-
-
-
-
@@ -158,7 +108,7 @@
},
data() {
return {
- flag:false
+ flag: true
}
},
methods: {
@@ -166,19 +116,38 @@
let _this = this
const option = {
+ grid: {
+ left: 0,
+ right: 0,
+ top: 10,
+ bottom: 0,
+ containLabel: true,
+ },
xAxis: {
type: 'category',
- data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+ data: ['Mon', '', 'Wed', '', 'Fri', '', 'Sun']
},
yAxis: {
type: 'value',
- boundaryGap: ['10%', '20%',]
+ min: 0,
+ max: 100,
+ interval: 20,
+ axisLabel: {
+ formatter: '{value}%'
+ }
},
series: [{
- data: [120, 200, 150, 80, 70, 110, 130],
- type: 'bar'
+ data: [90, 45, 66, 82, 37, 65, 40],
+ type: 'bar',
+ itemStyle: {
+ normal: {
+ color: '#2D7CE6',
+ barBorderRadius: [5, 5, 0, 0] // 设置四个角的半径，都为10像素
+ }
+ }
}]
- }
+ };
+
const chart = await this.$refs.chart.init(echarts);
chart.setOption(option)
@@ -189,280 +158,224 @@
}
-
+
\ No newline at end of file