• 只要等一等就能多“等”出8600万美元! 2019-01-23
  • 长颈鹿在中国高纬度地区成功繁育 小鹿刚出生一米八 2019-01-23
  • 浙江十一选5开奖结果:angular中使用echart遇到的获取容器高度异常的问题记录

    3d开奖结果走势图连线 www.fwrl.net

    angular中使用echart遇到的获取容器高度异常的问题记录


    问题

      在使用echart去创建图表时,发现图表只占了容器的一个角落,如图,并没有充满容器。

      第一反应是容器元素的样式有问题,于是我把容器的宽高都改为px指定的(之前是百分比设定的,查询资料发现说echart容器宽高要明确指定),修改之后,还是和上面一样的展示,依旧有问题。

    定位

      于是我想是不是渲染图表时,获取到的容器元素的高度有问题,代码中我是在ngAfterViewInit()生命周期中渲染的图表,先打印出元素高度看看

      ngAfterViewInit() {
        console.log(document.getElementById("usertotal").clientHeight);
        this.initChart("usertotal");
      }

      发现元素此时的高度为27,果然有问题

      于是打印出各个生命周期中获取的元素高度,再第二次ContentChecked之后才会获取都正确的高度,但是ContentChecked在每次内容变更检测之后都会调用,用来初始化地图肯定不合适

    解决

      在ngAfterViewInit中延时再初始化地图,加入延时之后,发现获取到了预期的高度

      其实setTimeOut设置的延时为 0 ,只是将获取高度放在了事件队列中,等主线程的任务执行完了再获取高度,此时就获得到了正确的高度,肯定可以正确初始化地图

    ?

    当前文章://www.fwrl.net/play/khp2wqirjq.html

    发布时间:2019-03-27 01:19:46

    宰掉那只无辜的狼 南昌市省公积金贷款及提前部分还贷攻略 盘子里 学习能力个案:1年级 淘气包大变身! 他们凭什么成为罗德学者 下雨了,有人给你送伞吗? 跳在乐趣消失前 朴槿惠:我来,只为人要活得真诚和正直 沈腾12年恋情,为啥才求婚?得知真相让你震撼不已 可以慢,但不能停

    身已飘零碧海,人犹临水照花——张爱玲20周年祭 宝宝皮肤过敏日?;だ?/a> 他是总统的朋友,首富的兄弟,为何却死得比乞丐还惨? 五只猴子的故事 老婆怀上了二胎,已经作为奶爸的你要还是不要? 谢谢你的好意,可我不需要 陈忠实:60岁后回白鹿原,泪眼模糊 拿什么管住你,校园暴力? 性格影响婚姻 亲爱的,因为你的努力,我才倍加珍惜 认识自己是获得婚姻幸福的基础 塞卡病毒来袭,我们不可不防 孩子早恋的父母们应该读的一篇美文:柳眉儿落了 38D、梦姑、倒追女与万能USB 陈忠实:60岁后回白鹿原,泪眼模糊 我是歌手李?。鄙行睦斫馕? 如果詹姆斯?邦德为你煮面条 让中国女人憧憬的男朋友朋友圈应该是什么样子的? 如何应该孩子的负面情绪

    编辑:石文宗

      

    Comments are closed.

  • 只要等一等就能多“等”出8600万美元! 2019-01-23
  • 长颈鹿在中国高纬度地区成功繁育 小鹿刚出生一米八 2019-01-23