From d9b500f188ffa5dac2ac5d6a7231ba455da78906 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 17 四月 2025 11:38:38 +0800
Subject: [PATCH] 视频报表数据展示颜色调整
---
src/views/home/data-video/index.vue | 21 ++++++++++++++++-----
1 files changed, 16 insertions(+), 5 deletions(-)
diff --git a/src/views/home/data-video/index.vue b/src/views/home/data-video/index.vue
index ab4c2d3..3fe8671 100644
--- a/src/views/home/data-video/index.vue
+++ b/src/views/home/data-video/index.vue
@@ -91,7 +91,7 @@
initChart(data) {
const dataList = this.groupByData(data.list);
const baseLine = data.baseLine == null ? 0 : data.baseLine;
- const colors = ['#5470C6', '#66CC99', '#EE6666'];
+ const colors = ['#EE6666', '#66CC99', '#f8c87a'];
option = {
color: colors,
tooltip: {
@@ -172,7 +172,7 @@
axisLine: {
show: true,
lineStyle: {
- color: colors[0]
+ color: '#5470C6'
}
},
axisLabel: {
@@ -208,7 +208,9 @@
name: '褰曞儚瀹屾暣',
yAxisIndex: 0,
type: 'bar',
- data: data.list.map(item => {
+ data:
+
+ data.list.map(item => {
return item['integrityNum'];
})
},
@@ -217,7 +219,12 @@
type: 'bar',
yAxisIndex: 0,
data: data.list.map(item => {
- return item['loseNum'];
+ return {
+ value: item['loseNum'],
+ itemStyle:{
+ color: '#f8c87a',
+ }
+ }
})
},
{
@@ -225,7 +232,11 @@
type: 'bar',
yAxisIndex: 0,
data: data.list.map(item => {
- return item['errNum'];
+ return {
+ value :item['errNum'],
+ itemStyle:{
+ color: '#EE6666',
+ }}
})
},
--
Gitblit v1.8.0