From 36a5faa95630de160f957b6cdac84522253e1120 Mon Sep 17 00:00:00 2001 From: fengchenchen Date: Fri, 30 Jun 2023 17:47:03 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90update=E3=80=91-=E5=A4=A7=E5=B1=8F?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=9A=84=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../screen/iso/MeetingInformationChart.vue | 2 +- .../dashboard/screen/wp29/ExpertQuantityChart.vue | 13 +++++++++++++ .../screen/wp29/MeetingInformationChart.vue | 15 ++++++++++++++- .../screen/wp29/RegulationQuantityChart.vue | 2 +- 4 files changed, 29 insertions(+), 3 deletions(-) diff --git a/src/views/dashboard/screen/iso/MeetingInformationChart.vue b/src/views/dashboard/screen/iso/MeetingInformationChart.vue index 9195b2c..15fb54c 100644 --- a/src/views/dashboard/screen/iso/MeetingInformationChart.vue +++ b/src/views/dashboard/screen/iso/MeetingInformationChart.vue @@ -229,7 +229,7 @@ export default { }) let tooltipTitle = this.getTooltipTitle() let option = { - color: ['#069F99', '#97E3E0', '#18E0AB'], + color: ['#97E3E0', '#069F99', '#18E0AB'], tooltip: { formatter: params => { // 获取xAxis data中的数据 diff --git a/src/views/dashboard/screen/wp29/ExpertQuantityChart.vue b/src/views/dashboard/screen/wp29/ExpertQuantityChart.vue index e3d6f0f..7669a80 100644 --- a/src/views/dashboard/screen/wp29/ExpertQuantityChart.vue +++ b/src/views/dashboard/screen/wp29/ExpertQuantityChart.vue @@ -77,6 +77,19 @@ export default { extraCssText:'max-width:400px;' }, xAxis: { + axisLabel: { + rotate: -10, + align: 'center', + verticalAlign : 'top', + margin: 12, + formatter: (params) => { + if (params.length > 8) { + return `${params.slice(0, 8)}...` + } else { + return params + } + } + }, data: xAxisData }, series: [ diff --git a/src/views/dashboard/screen/wp29/MeetingInformationChart.vue b/src/views/dashboard/screen/wp29/MeetingInformationChart.vue index 04cc3f4..1c1f05a 100644 --- a/src/views/dashboard/screen/wp29/MeetingInformationChart.vue +++ b/src/views/dashboard/screen/wp29/MeetingInformationChart.vue @@ -253,7 +253,7 @@ export default { }) let tooltipTitle = this.getTooltipTitle() let option = { - color: ['#069F99', '#97E3E0', '#18E0AB'], + color: [ '#97E3E0', '#069F99','#18E0AB'], tooltip: { formatter: params => { // 获取xAxis data中的数据 @@ -292,6 +292,19 @@ export default { } }, xAxis: { + axisLabel: { + rotate: -10, + align: 'center', + verticalAlign : 'top', + margin: 12, + formatter: (params) => { + if (params.length > 8) { + return `${params.slice(0, 8)}...` + } else { + return params + } + } + }, data: xData }, series: [ diff --git a/src/views/dashboard/screen/wp29/RegulationQuantityChart.vue b/src/views/dashboard/screen/wp29/RegulationQuantityChart.vue index 27bd8ee..1c82ed1 100644 --- a/src/views/dashboard/screen/wp29/RegulationQuantityChart.vue +++ b/src/views/dashboard/screen/wp29/RegulationQuantityChart.vue @@ -55,7 +55,7 @@ export default { // 初始化图表 initChart() { let option = { - color: ['#069F99', '#3CC3BE','#97E3E0'], + color: [ '#3CC3BE','#97E3E0','#069F99'], grid: { left: '0', top : '20'