SVG裡的以title來顯示tooltip

很多人都會使用HTML tag裡的title attribute來顯示tooltip
今天有一個新需求，要用tooltip來顯示動態的資料，找到server的資料來源，加點code好讓這資料能透過AJAX傳回browser端，再餵進title attribute中，打開FireFox測試，good，正確！收工！

在deploy到正式機前，心血來潮，打開Chrome再試一下
咦，怎麼沒出來？是JavaScript給cache住了嗎？清掉cache，還是一樣。不信邪，再開Opera, IE 9/10，都出不來。這就怪了，在最不會出錯的地方竟然有錯！

仔細思考一下，今天這個是SVG，難道問題在這裡？Google一下，果然已經很多前輩踩著這條足跡死在沙灘上了，真的就只有Firefox可以，其他的browsers有問題

有問題就解決吧
找了一下，是有不少tooltip framework可以用，不過我只是想show簡單的資料，不用太美觀，也不想動用太大的framework
後來找到這一篇，簡單明瞭，瞭解了它的工作原理，把概念套進我的頁面，再調調位置顏色，deploy到正式機也確定OK！收工！