From 5759e19b1494dd4bbe8f4712f4afad84f9807f10 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期五, 18 九月 2020 10:02:03 +0800
Subject: [PATCH] 可视化图表自适应
---
src/pages/visual/components/eCharts/mutPie.vue | 18 +++++++++++++++---
1 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/src/pages/visual/components/eCharts/mutPie.vue b/src/pages/visual/components/eCharts/mutPie.vue
index 17ba8b2..b73e15b 100644
--- a/src/pages/visual/components/eCharts/mutPie.vue
+++ b/src/pages/visual/components/eCharts/mutPie.vue
@@ -50,7 +50,14 @@
}
},
deep:true
- }
+ },
+ "TreeDataPool.showTreeBox":{
+ handler:function(val,oldVal){
+ if(val !== oldVal){
+ this.handleResize()
+ }
+ }
+ },
},
data() {
return {
@@ -85,6 +92,7 @@
series: [
{
type: 'pie',
+ height: "100%",
radius: 40,
center: ['20%', '50%'],
encode: {
@@ -169,11 +177,15 @@
methods: {
init(){
this.myChart.setOption(this.options)
+ },
+ handleResize(){
+ this.myChart.resize()
}
},
mounted() {
- this.myChart = this.$echarts.init(document.getElementById('myChartMutiPie'))
- this.myChart.setOption(this.options)
+ this.myChart = this.$echarts.init(document.getElementById('myChartMutiPie'));
+ this.myChart.setOption(this.options);
+ this.myChart.resize();
},
created() {
--
Gitblit v1.8.0