From 2aa1d87680e9351bf027bab73f61290b7f00efe4 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 08 三月 2024 15:55:56 +0800
Subject: [PATCH] fix:修改柱状图提示框样式
---
src/views/daoAnOffice/right/analysis/index.vue | 30 +++++++++++++++++++++++++++++-
1 files changed, 29 insertions(+), 1 deletions(-)
diff --git a/src/views/daoAnOffice/right/analysis/index.vue b/src/views/daoAnOffice/right/analysis/index.vue
index 04adfe9..9a24f7f 100644
--- a/src/views/daoAnOffice/right/analysis/index.vue
+++ b/src/views/daoAnOffice/right/analysis/index.vue
@@ -125,7 +125,30 @@
]
},
- tooltip: {},
+ tooltip: {
+ show: true,
+ trigger: 'axis',
+ backgroundColor: '#000001cc',
+ borderWidth: 0,
+ textStyle: {
+ color: '#4D76B0',
+ fontSize: 16
+ },
+ axisPointer: {
+ type: 'shadow',
+ lable: {
+ color: '#000000'
+ }
+ },
+ padding: [20, 25],
+ formatter: function (params) {
+ let temp = params[0].name + '<br/>';
+ params.forEach(element => {
+ temp += element.seriesName + ':' + `<span style="color:${getColor(element.componentIndex)}">${element.value[`state${element.componentIndex + 1}`]}</span>` + '<br/>';
+ });
+ return temp;
+ }
+ },
grid: {
left: 0,
right: 0,
@@ -361,6 +384,11 @@
}
+const getColor = (index) => {
+ let colorList = ['#00a8d9', '#cfb249', '#2bb06d'];
+ return colorList[index % colorList.length];
+}
+
// 鎸傝浇
onMounted(() => {
echartObject = echarts.init(analysisChart.value);
--
Gitblit v1.8.0