引用echarts图表,使用vue指令v-show,图表宽度默为100px的问题解决方法


使用vue的v-show指令时,echarts图表宽度为100px。基于准备好的dom,获取其父(祖先)节点元素的宽度,使dom元素的宽度等于其父(祖先)节点元素的宽度。代码如下:

<div
  id="chartLine"
  class="chartLine"
/>
// 基于准备好的dom,初始化echarts实例
const $dom = document.getElementById('chartLine')
$dom.style.width = $dom.parentNode.parentNode.clientWidth + 'px'
myChart = this.$echarts.init($dom)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM