【Echarts+Html+LayUI】同一htlm頁面,點擊不同選項,加載不同echart

遇到的坑:

問題1

加載一個之後,再點擊另一個,可能是某個模板設定的問題,導致出現重疊的情況。
在這裏插入圖片描述

問題1解決方法:

 // 基於準備好的dom,初始化echarts實例
var div_main = document.getElementById('main')
div_main.removeAttribute("_echarts_instance_");
var myChart = echarts.init(div_main);

在這裏插入圖片描述
成功:
在這裏插入圖片描述

小trick總結

1.側邊導航不夠顯示標題

在這裏插入圖片描述
解決:
1、改動大小,用style
2、加上懸停出現文字的方法,即
在這裏插入圖片描述

2.在線上或者柱狀圖上顯示數字的方法

在這裏插入圖片描述
在這裏插入圖片描述

參考

echarts重複加載異常

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章