From 9c17c5de6e656cf2b04b71a0777661c845b3ee36 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Mon, 17 Nov 2025 14:50:17 +0800
Subject: [PATCH] 经开分局优化
---
src/views/home/components/leftContainer.vue | 101 ++++++++++++++++++++++++++++++++------------------
1 files changed, 65 insertions(+), 36 deletions(-)
diff --git a/src/views/home/components/leftContainer.vue b/src/views/home/components/leftContainer.vue
index cea0874..e2ff101 100644
--- a/src/views/home/components/leftContainer.vue
+++ b/src/views/home/components/leftContainer.vue
@@ -1483,11 +1483,11 @@
const high = this.$refs.REFPERSONECHARTS.offsetHeight
- if (personInfo.length * (high / 7) > high) {
- this.personEchartsHeight = personInfo.length * (high / 7) + 'px'
- } else {
+ // if (personInfo.length * (high / 7) > high) {
+ // this.personEchartsHeight = personInfo.length * (high / 7) + 'px'
+ // } else {
this.personEchartsHeight = '100%'
- }
+ // }
this.$nextTick(() => {
var chartDom = document.getElementById('PersonEcharts')
@@ -1576,44 +1576,73 @@
},
confine: true
},
- legend: {
- orient: 'vertical',
- top: 'middle',
- right: '2%',
- y: '1%',
- itemGap: 15,
- textStyle: {
- color: '#fff'
- },
- align: 'left',
- formatter: function (name) {
- let data = dataArr
- let tarValue
- for (let i = 0; i < data.length; i++) {
- if (data[i].name == name) {
- tarValue = data[i].value
- }
- }
- let v = tarValue
- return `${name} ${v} 人 `
- },
- },
+ // legend: {
+ // orient: 'vertical',
+ // top: 'middle',
+ // right: '2%',
+ // y: '1%',
+ // itemGap: 15,
+ // textStyle: {
+ // color: '#fff'
+ // },
+ // align: 'left',
+ // formatter: function (name) {
+ // let data = dataArr
+ // let tarValue
+ // for (let i = 0; i < data.length; i++) {
+ // if (data[i].name == name) {
+ // tarValue = data[i].value
+ // }
+ // }
+ // let v = tarValue
+ // return `${name} ${v} 人 `
+ // },
+ // },
series: [
{
- top: 110,
- left: 60,
+
type: 'pie',
radius: [20, 50],
- center: [0, 0],
- avoidLabelOverlap: false,
+ center: ['50%', '50%'],
+
+ data: dataArr,
label: {
- show: false,
- position: 'center'
+ normal: {
+ formatter: function (params, ticket, callback) {
+ let msg
+ if (params.value > 10000) {
+ msg = (params.value / 10000).toFixed(2) + '万人'
+ } else {
+ msg = params.value + '人'
+ }
+ return `{white|${params.name}}{yellow|${msg}}`
+ },
+ rich: {
+ yellow: {
+ color: "#ffc72b",
+ fontSize: fontSize(12),
+ padding: [5, 4],
+ align: 'center'
+ },
+ total: {
+ color: "#ffc72b",
+ fontSize: fontSize(12),
+ align: 'center'
+ },
+ white: {
+ color: "#fff",
+ align: 'center',
+ fontSize: fontSize(12),
+ padding: [21, 0]
+ },
+ blue: {
+ color: '#49dff0',
+ fontSize: fontSize(12),
+ align: 'center'
+ },
+ }
+ },
},
- labelLine: {
- show: false
- },
- data: dataArr
}
],
grid: {
--
Gitblit v1.9.3