From e8e09f89afd92e88aa55076d981bbeb232ad68df Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期五, 03 四月 2026 13:15:26 +0800
Subject: [PATCH] 优化数据仪表板的网格和坐标轴标签样式，调整边距和文本格式以提高可读性
---
src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue | 29 ++++++++++++++++-------------
1 files changed, 16 insertions(+), 13 deletions(-)
diff --git a/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue b/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue
index bcd6ead..f885d05 100644
--- a/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue
+++ b/src/views/reportAnalysis/dataDashboard/components/basic/right-bottom.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <PanelHeader title="瀹㈡埛閲戦璐＄尞鎺掑悕" />
+ <PanelHeader title="瀹㈡埛璐＄尞鎺掑悕" />
<div class="panel-item-customers">
<div class="switch-container">
<DateTypeSwitch v-model="dateType" @change="handleDateTypeChange" />
@@ -104,13 +104,19 @@
formatter: function (params) {
let result = params[0].axisValueLabel + '<br/>'
params.forEach((item) => {
- result += `<div style="color: #B8C8E0">${item.marker} ${item.seriesName}: ${item.value}</div>`
+ result += `<div>${item.marker} ${item.seriesName}: ${item.value}鍏�</div>`
})
return result
},
}))
-const grid = computed(() => ({ top: 0, left: '20%', right: '10%', bottom: 0 }))
+const grid = computed(() => ({
+ top: 8,
+ left: 12,
+ right: 14,
+ bottom: 8,
+ containLabel: true,
+}))
const xAxis = computed(() => [
{
@@ -127,16 +133,13 @@
inverse: false,
data: xdataName.value,
axisLabel: {
- formatter: (params) => `{a|${params}}`,
- rich: {
- a: {
- width: 160,
- fontSize: 14,
- color: '#fff',
- padding: [5, 4, 5, 0],
- align: 'right',
- },
- },
+ color: '#fff',
+ fontSize: 13,
+ width: 200,
+ overflow: 'break',
+ align: 'right',
+ margin: 10,
+ lineHeight: 18,
},
axisLine: { show: false },
axisTick: { show: false },
--
Gitblit v1.9.3