echarts树形图,分支过多,页面放不下,高度自适应方法 | 您所在的位置:网站首页 › echarts树形图滚轮缩放超出范围 › echarts树形图,分支过多,页面放不下,高度自适应方法 |
直接代码吧! html
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(); } } .tree{ height:300px; }
以上为我手写代码,可能会多一个少一个括号复制粘贴注意一下。
|
CopyRight 2018-2019 实验室设备网 版权所有 |