直接代碼吧！
html
<el-row :gutter='20'>
<el-col :span='24'>
<el-card>
<div id = 'chart-tree' class='tree'>
</el-card>
</el-col>
</el-row >
<script>
export default{
data(){
return{
chartData:{
'name':'dlare',
'children':[]
},
chartTree:null
}
},
methods:{
initChartTree(){
this.chartTree = this.$echarts.init(document.getElementById('chart-tree'))
let option = {} //option里面的配置直接復制echarts樹狀圖里面的即可
this.chartTree.setOption(option)
var temp = this.charrtTree
var container = document.getElementById('chart-tree')
this.chartTree.on('click',function(params){
if(params.componentType === 'series'){
if(!params.value){
var elesArr = Array.from(new Set(temp._chartsVIews[0]._data._graphicEls));
var height = 300;
var currentHeight = 10 * (elesArr.length - 1) || 10;
var newHeight = Math.max(currentHeight,height);
cotainer.style.height = newHeight + 'px';
temp.resize()
}
}
}）
}，
mounted(){
this.initChartTree();
}
}
</srcipt>
<style>
.tree{
height:300px;
}
</style>
以上為我手寫代碼，可能會多一個少一個括號復制粘貼注意一下。