Echarts.js遇見的問題(tooltip)

這裏寫圖片描述
當我將鼠標移到bar上時,tooltip就像上圖一樣滿框。

解決:
因爲要渲染圖表,所以我們要給div容器設寬高,可是我之前將樣式寫在了css裏(內部/外部都一樣)。然後就出現了這樣的錯誤。

我的碎碎念 :當時想着tooltip的寬高恰好和塊的寬高是一樣的,機智的認爲他們必有關聯,其他樣式無誤,那麼CSS文件已經完成了它的渲染工作,所以我認爲是因爲CSS優先級的問題,默認的高優先級樣式覆蓋了我寫的樣式以至於出現錯誤,所以就改了樣式寫法,沒想到成功了。

所以我就使用了行內樣式<div id='bar' style="width=300px;height=200px;"></div>


tip:引入的js文件要放在body的底部,不然會因爲由於頁面結構未加載完至使無法找到相應節點來操作而報錯。


上圖完整例子(github)

上面的問題分析只是我的碎碎念,待我有空看看源碼,再來補充。

發佈了40 篇原創文章 · 獲贊 15 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章