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

Question

.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

Answer 1

扬_灵 2022-09-07 15:03:19

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

• 提问者 慕粉1470114675 #1

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

Answer 2

扬_灵 2022-09-06 17:47:09

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

• 提问者 慕粉1470114675 #1

  老师我上面新上传了一个图片，就是浏览器控制台，显示的.echarts的高度是父组件上面设置的高度，但是，图标显示高度不对

• 提问者 慕粉1470114675 #2

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