From 93d04e35d6ff02470687b73ff7494b62bdc85f2c Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期三, 06 十二月 2023 16:32:38 +0800 Subject: [PATCH] 页面背景图及饼图显示优化 --- src/views/cockpitPage/components/PerSonnelProductivity.vue | 10 +++++++--- 1 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/views/cockpitPage/components/PerSonnelProductivity.vue b/src/views/cockpitPage/components/PerSonnelProductivity.vue index 54a1eb7..f9ef786 100644 --- a/src/views/cockpitPage/components/PerSonnelProductivity.vue +++ b/src/views/cockpitPage/components/PerSonnelProductivity.vue @@ -285,7 +285,11 @@ borderWidth: 5, borderRadius: 4, formatter: function (params) { - return `{a|${params.name}} {b|${params.value + "%"}}`; + let label = + params.name.length > 5 + ? `${params.name.slice(0, 4)}...` + : params.name; + return `{a|${label}} {b|${params.value + "%"}}`; }, rich: { a: { @@ -310,7 +314,7 @@ labelLine: { show: true, length: 4, - length2: 80, + length2: 70, lineStyle: { color: "#dcb018", }, @@ -337,7 +341,7 @@ <style scoped lang="scss"> .bar-chart { width: 100%; - height: calc(100% - 20px); + height: calc(100% - 10px); padding: 20px 0 0; .bar-contents { -- Gitblit v1.8.0