From ccee429d379e0108b7445f72ade8d97c110a6fb3 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期二, 09 十一月 2021 18:01:59 +0800
Subject: [PATCH] 问题修复
---
src/pages/visual/components/eCharts/pie.vue | 33 ++++++++++++++++++++++++++-------
1 files changed, 26 insertions(+), 7 deletions(-)
diff --git a/src/pages/visual/components/eCharts/pie.vue b/src/pages/visual/components/eCharts/pie.vue
index ce1e3ac..3f5c154 100644
--- a/src/pages/visual/components/eCharts/pie.vue
+++ b/src/pages/visual/components/eCharts/pie.vue
@@ -35,6 +35,13 @@
// }
},
deep:true
+ },
+ "TreeDataPool.showTreeBox":{
+ handler:function(val,oldVal){
+ if(val !== oldVal){
+ this.handleResize()
+ }
+ }
}
},
computed: {
@@ -45,11 +52,13 @@
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: {
+ //show: false,
type:"scroll",
- orient: "vertical",
- // x:'right',
- right:'30px',
- top:'12%',
+ orient: "horizontal",
+ left: '10px',
+ right: '10px',
+ top: '35px',
+ align: 'auto',
textStyle: {
color: 'rgba(136,136,136,.6)'
},
@@ -60,9 +69,15 @@
series: [
{
name: this.seriesName,
+ fontSize: 14,
type: "pie",
radius: this.radiusType,
- center: ["40%", "50%"],
+ top: 40,
+ height: "90%",
+ // labelLine: {
+ // length: 15
+ // },
+ //center: ["50%", "95%"],
avoidLabelOverlap: false,
itemStyle: {
emphasis: {
@@ -97,11 +112,15 @@
methods: {
init(){
this.myChart.setOption(this.options)
+ },
+ handleResize(){
+ this.myChart.resize()
}
},
mounted() {
- this.myChart = this.$echarts.init(document.getElementById(this.domId))
- this.myChart.setOption(this.options)
+ this.myChart = this.$echarts.init(document.getElementById(this.domId));
+ this.myChart.setOption(this.options);
+ this.myChart.resize();
},
destroyed() {
this.myChart.dispose()
--
Gitblit v1.8.0