.echarts已经是父节点高度，但是，图表展示出来的高度不对

来源：22-2 移动报表销售额组件开发

慕粉1470114675

2022-09-06

图片描述

.echarts已经是父节点高度，但是，图表展示出来的高度不对
，要是.sales-bar-inner的高度设置为 height: 6.5rem;会起作用，正常展示，设置为height: 100%;就不可以，
我这里是用的100px=1rem ,
安装postcss，不起作用，就用了rem这个计算，
并且，已经把reset.css 文件放在了，echarts 与vueEcharts的后面
现在，高度展示不是100%，请问老师是什么原因

页面效果如下图：图片描述

老师，还有下一节课的飞线动画也报错，initmap都报错，希望，老师帮忙看一下，我的代码都上传了，这个是地址：
https://gitee.com/zhang_gezi/data-visualization.git

写回答

2回答

扬_灵

2022-09-07

同学你好，这边本地测试了你的代码，你的父级一层一层往下套的时候，到x-vue-echarts的时候缺失了，你给他设定宽高便可正常显示

//img.mukewang.com/szimg/63184234094e18b316310629.jpg

慕粉1470114675

老师，我给ecahrclasss设置了高度不管用，还是高度不行，但是要是sales-bar-inner的高度设置为px的单位高度就没有问题了，我在网上找的一个方法是在mounted 中把options的赋值的操作放在settimeout中，并且，options后面加上this.$refs.echartID.resize();，这样，刷新页面，echarts图标的高度是可以正常展示的，

2022-09-07

共1条回复

扬_灵

2022-09-06

同学你好，没有太理解你的意思，可以直接说一下问题或者想变成什么样的情况，可以具体说一下吗

慕粉1470114675

老师，我的代码在码云上，现在已经修改为开源的，应该你那边就可以看到了，希望老师帮忙看一下，上面罗列的问题，谢谢

2022-09-06

共2条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题