From 7c0e34f7919fe3bc70a4df726cd5304006f3b1c0 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 28 二月 2024 16:46:08 +0800
Subject: [PATCH] feat:交通安全形势研判分析图表
---
src/components/datav/capsule-chart/capsule-chart.vue | 12 +++++++-----
1 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/src/components/datav/capsule-chart/capsule-chart.vue b/src/components/datav/capsule-chart/capsule-chart.vue
index cb81015..5fe9661 100644
--- a/src/components/datav/capsule-chart/capsule-chart.vue
+++ b/src/components/datav/capsule-chart/capsule-chart.vue
@@ -12,7 +12,7 @@
const defaultConfig = reactive<DefaultConfigType>({
// Colors (hex|rgb|rgba|color keywords) ['#000', 'rgb(0, 0, 0)', 'rgba(0, 0, 0, 1)', 'red']
colors: [
- "#37a2da",
+ "red",
"#32c5e9",
"#67e0e3",
"#9fe6b8",
@@ -119,7 +119,7 @@
box-sizing: border-box;
padding: 10px;
color: #fff;
-
+ height: 90%!important;
.label-column {
display: flex;
flex-direction: column;
@@ -143,14 +143,16 @@
}
.capsule-item {
- box-shadow: 0 0 3px #999;
+ //box-shadow: 0 0 3px #999;
+ box-shadow:none;
height: 10px;
margin: 5px 0px;
border-radius: 5px;
.capsule-item-column {
- position: relative;
- height: 8px;
+ background: linear-gradient(to right, #9fe1fa, #f4edc9);
+ position: relative;
+ height: 15px;
margin-top: 1px;
border-radius: 5px;
transition: all 0.3s;
--
Gitblit v1.8.0