bootstrap拖拽組件集成echarts圖表,圖表div的clientWidth、clientHeight始終爲0,導致無法生成圖表問題

1.問題點:生成圖表的div被包含到一個樣式含有display:none的上級..節點,這個樣式是拖拽組件所設定的,無法更改。導致圖表生成不了。

2:試過解決的方法:手動設置div的寬高、尋找上上級等節點的寬高,,都無法解決,因爲即使有寬高,但echarts會判斷div的clientWidth和heightClient,問題無法解決。

3.經過多次嘗試,發現拖拽組件是相應拷貝一份到目標容器中,因爲原本的div的父節點是隱藏的,導致目標容器中的圖表一直無法顯示。 由於之前考慮的一直是想生成好圖表在拖拽到目標容器中,這種方式行不通,最終想到是否可以先將div框拖拽到目標容器,然後再根據目標容器中的div生成echarts圖表,結果可行問題解決。

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