引用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