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

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

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

那麼tooltip是什麼呢？

fn+f12打開控制檯發現：

tooltip並不是是canvas繪製，而是一個div。

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

CSS樣式之間存在衝突。

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

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

總結：

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