关于echarts的路径图子节点重叠问题

1. 问题出现原因

我们在画图区域给了宽高，而echarts图表会根据设定的宽高进行绘画，当我们子节点较多时，空间不够大，就会出现重叠现象；

2. ** 解决方法 **

我们只需要在点击节点时根据节点数量而进行宽高定制

let chartDom = document.getElementById("shu")；
chartDom.on("click",(params) => {if(params.data.fileName === "line"){//这是我为了根据获取的数据进行节点区分，找到倒数第二层节点，这时去设置最后一层节点的宽高if(params.data.children){let searchGroup = 	document.getElementByClassName("searchGroup")[0];//找到元素 let elesArr = Array.from(new Set(chartDom._chartsViews[0]._data._graphicEls) ;//用来计算元素数量let height = 200;let currentHeight = 20 * (elesArr.length - 1 ) || 10;//一个元素给20的高let newHeight = Math.max(currentHeight , height);chartDom.style.height = newHeight + "px";searchGroup.style.height = newHeight + "px";//设置元素高度chartDom.resize();//刷新绘制图)}}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！