echarts花樣做死的坑

目前手上的工做，老闆接了一個活計，可以有一個自由移動的地圖，而後在地圖上某個地方點一下，出現各類數據展現之類的，我一眨眼就想到了應該用echarts，可是這個玩意我只有培訓的時候粗略的用了一下，畫了個餅圖就結束了，此次要我單獨作一個客戶的交互地圖出來，內心仍是沒點底，可是好在時間不少，能夠慢慢學習，

接下來就講講在用echats中的遇到的一些問題

---

遇到的一個問題就是，老闆要求，不能鼠標滑上去就馬上觸發tooltip,要點擊之後才觸發

一開始對echarts瞭解的不多，就看文檔，看到一個emphasis（強調）和normal（普通）,emphasis我測試了一下發現只要鼠標移上去，就是emphasis狀態了，可是裏面的展現的東西我目前沒有辦法更改，因而又去看文檔，找到了一個叫作formatter屬性,echarts官網上對formatter的描述是

用來格式化圖例文本，支持字符串模板和回調函數兩種形式。

這個能夠解決不少問題了，可是！因爲本人偷懶，只看了字符串模板，回調函數太麻煩直接忽略了，字符串模板用起來雖然簡單可是數據是死的，並且不能加html代碼。悲慘的我在字符串模板上耽誤了大概一天的時間，次日開始看回調函數，一看，回調函數還能夠加！代碼！ 也就是我能夠如上圖那樣在上面加連接，加按鈕！太棒了！

而後就遇到一個坑

要完成的功能是，點擊按鈕，或者連接，彈出來一個窗口播放視頻，那麼首先我點擊的時候，就要獲得這個連接，因此，我就想測試一下，能不能點擊按鈕，得到對應的鏈接

formatter代碼以下

點擊事件是這樣

點擊測試按鈕，按道理來說沒有任何問題，能夠獲得我想要的name

可是！
報錯了

這有點讓我意外，幽州is not defined是怎麼個意思？ 幽州何時是個變量了？？？

迷思苦想，難道傳進去的時候格式不對？我想到了JSON格式（畢竟我也只知道JSON格式）而後把代碼改爲了這樣

而後，我成功辣！

echats網上有不少教程，可是沒有哪一篇涉及到了這一點，還好本身搗鼓搗鼓弄出來了，很開心