1.不正常第一种情况

echarts图表不正常的问题_echarts

2.不正常第二种情况

echarts图表不正常的问题_echarts教程_02

3.不正常第三种情况

echarts图表不正常的问题_echarts_03

为什么会出现这几种情况呢?看代码:盛放echarts的div宽或高或宽高肯定是用百分比设置的,因此会出现问题

 <div id="echs" style="width:94%;height:89%;">

结论:该div要使用像素设置宽和高,下面代码形式是正确的

<div id="echs" style="width:870px;height:400px;">

感兴趣的小伙伴可以扫码关注下公众号哦,公众号会分享高质量的技术文章哦

echarts图表不正常的问题_echarts_04