前端爬坑之旅--echarts渲染時canvas變爲100px

  • 開發要求:在實習時分配的一個頁面,有三個標籤,默認加載的是一個table,後兩個標籤都是echarts圖表,但是三部分用的是相同的數據,包括分頁。
    圖片描述
  • 問題描述:剛開始設置圖表渲染爲默認加載,通過v-show控制所要展示的標籤,但是圖表縮小爲100px,需要等一段時間後纔會恢復。(菜雞實習生被折磨了很久)
  • 問題分析:echarts不會自動渲染,經常改了數據進入頁面需要刷新才能顯示新得頁面,所以可以從重繪和首次加載兩方向去解決。
  • 解決方法1:重繪
    使用watch監聽,定義寬高,傳進去重新繪製
    圖片描述
  • 解決方法2:點擊時再繪製
    給標籤綁定點擊事件,在點擊時發送請求進行判讀,讀取數據繪製(我採用這種方法)
    this.drawLine();在點擊開始繪製圖形,
    圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章