在使用eCharts时 犯的一个认识上的low点

        在公司里之前的项目中,使用到了eCharts,具体情况是一个三项的tab切换区域,开始的时候,默认显示第一项,而使用到eCharts的正好是这项,因为eCharts继承父层的宽高属性,展示的时候,没有什么问题。后来需求变了,要默认显示选项卡的第二项,我当时以为,只要改变一项默认显示的块不就可以了,很简单啊,结构调整完,我发现,eCharts图表区域,宽度变成了100px,这哪够展示图表的啊,都被挤扁了,我就开始查样式,以为是不是哪里限制宽度了,虽然记得没有限制过宽度,但是我还是查了一遍,结果自然是没有限宽的属性啦。后来实在找不到了,求助同事,然后我看到他将图表初始化的代码单独提到了一个函数里,然后在选中有图表的选项卡的时候,再去初始化图表,当时看他操作的时候,还不是很理解,后来看到bug被解决了,恍然大悟,原来是因为开始是默认显示的选项卡的display的属性是block,图表初始化,能拿到父元素的宽高,自然没有问题,后来有图表的选项卡默认display的属性变成了none,而页面一加载,图表就被初始化了,但此时图表的父包裹层的display是none,而这里的高度我设置了,宽度默认是百分比的,自然就会有问题了。感谢我同事,帮助我解决了问题,还帮助我成长了!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值