echarts的文档里面说宽高必须设置固定值,不然图形无法渲染出来。

有一种方式可以解决这个问题,通过设置百分比来渲染图形,就是在dom上级包一层父容器,父级和子级都设置宽高为百分比,子dom宽高都设置100%,渲染图形的时候,根据父dom的宽高,dom.offsetWidth计算出实际宽高,然后将图形dom的宽设置成此值,再调用MyChart的resize()方法,重新渲染一遍图形

 <div id ="treegraph" class="eui-col-xl-9" style="positive:relative;width:70%;height:90%;top: 13px;">
					    	<div  id="treegraphchild" style="width:100%;height:100%;"></div>
</div>
$(this.relagraphchildDom).width(this.relagraphDom.offsetWidth);
		this.graphChart.resize();

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐