关于引用百度Echarts的那些事--用当前页显示隐藏内容造成图标出不来

当遇到这个问题时,不妨打开控制台,观察一下引入Echarts都做了什么?在控制台多出哪些标签内容?

笔者使用四div个盒子,放置echarts绘制图表,通过js控制相应的盒子显示与隐藏,首先把所有的放置图表的div都设置为display:none;点击对应个把对应个display设置为block,引入图表之前通过测试效果良好。于是我就迫不及待地引入图表,结果控制台没有报错,点击上边四个对应的demo,下方什么也没有出现,于是我查看控制台发现,引入echarts之后,自动创建了一个div,并取此div为dom节点使用canvas绘制图形,这就是根源所在。所以把四个盒子修改为不冲突盒子,或者把display:none通过class选择器或id选择器让其显示与隐藏。最终出现了期待已久的图表。

猜你喜欢

转载自blog.csdn.net/zhangqling/article/details/88976173
今日推荐