Echart遇到的問題：tooltip提示框大小異常

將Echart圖表放到項目中，發現當鼠標放到柱狀圖上時，提示框顯示大小超出了div的大小。

官方的文檔對於tooltip的說明也沒有指出：如何修改大小。

那么tooltip是什么呢？

fn+f12打開控制台發現：

tooltip並非是canvas繪制，而是一個div。

到這，想到既然是一個div，單獨的大小內置合適。但放到項目中大小突然就變大很多。第一反應就是：

CSS樣式之間存在沖突。

問題找到了，也就有辦法解決了！ 

查找html代碼中對div標簽設置的樣式，將div設置的樣式單獨寫到下面的標簽中，問題就解決了。

總結：

1. tooltip是一個div。
2. tooltip樣式問題，首先考慮樣式沖突。
3. 多用控制台查找問題，修改代碼。
4. 推薦使用Echarts實現數據可視化。