echarts花樣作死的坑

jk_v1 發布于2019-08-30 15:47 / 2449人閱讀

摘要：這個可以解決很多問題了，但是由于本人偷懶，只看了字符串模板，回調函數太麻煩直接忽略了，字符串模板用起來雖然簡單但是數據是死的，而且不能加代碼。

目前手上的工作，老板接了一個活計，能夠有一個自由移動的地圖，然后在地圖上某個地方點一下，出現各種數據展示之類的，我一眨眼就想到了應該用echarts，但是這個玩意我只有培訓的時候粗略的用了一下，畫了個餅圖就結束了，這次要我多帶帶做一個客戶的交互地圖出來，心里還是沒點底，但是好在時間很多，可以慢慢學習，

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

遇到的一個問題就是，老板要求，不能鼠標滑上去就立刻觸發tooltip,要點擊以后才觸發

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

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

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

然后就遇到一個坑

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

formatter代碼如下

點擊事件是這樣

點擊測試按鈕，按道理來講沒有任何問題，可以得到我想要的name

但是！
報錯了

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

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

然后，我成功辣！

echats網上有很多教程，但是沒有哪一篇涉及到了這一點，還好自己搗鼓搗鼓弄出來了，很開心

云服務器 GPU云服務器花樣新花樣語言的坑爹設計阿里云服務器的坑

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116391.html

echarts花樣作死的坑

摘要：這個可以解決很多問題了，但是由于本人偷懶，只看了字符串模板，回調函數太麻煩直接忽略了，字符串模板用起來雖然簡單但是數據是死的，而且不能加代碼。目前手上的工作，老板接了一個活計，能夠有一個自由移動的地圖，然后在地圖上某個地方點一下，出現各種數據展示之類的，我一眨眼就想到了應該用echarts，但是這個玩意我只有培訓的時候粗略的用了一下，畫了個餅圖就結束了，這次要我單獨做一個客戶的交互地...

Dongjie_Liu 2019-08-23 12:36 評論0 收藏0
巧用patternLock開發圖案滑屏解鎖

摘要：此外，本例還使用到了相關文件。制作個性化的九宮格圖本圖將品牌字母融入其中，同時包含了網站三大特色業務借換購。此外，還有個問題。作者的話：基于patternLock插件實現九宮格登陸校驗功能。其亮點在于摒棄傳統校驗方式同時融合產品文化。同上一篇文章一樣，本次實現功能剝離至本人15年畢設項目《ReBook》。下面介紹主要思路，詳情請戳后面源碼鏈接。效果圖：左側：九宮格滑動區域，右側...

enrecul101 2019-08-19 17:18 評論0 收藏0
巧用patternLock開發圖案滑屏解鎖

摘要：此外，本例還使用到了相關文件。制作個性化的九宮格圖本圖將品牌字母融入其中，同時包含了網站三大特色業務借換購。此外，還有個問題。作者的話：基于patternLock插件實現九宮格登陸校驗功能。其亮點在于摒棄傳統校驗方式同時融合產品文化。同上一篇文章一樣，本次實現功能剝離至本人15年畢設項目《ReBook》。下面介紹主要思路，詳情請戳后面源碼鏈接。效果圖：左側：九宮格滑動區域，右側...

Atom 2019-08-28 18:30 評論0 收藏0
Equinox MANIFEST.MF 中文處理 Bug

摘要：之前一段時間排查一個應用在中文目錄下無法啟動的問題，查過一個的處理的坑。這里記錄一下里面對中的中文處理的坑。只能說在用到的時候，盡量不要使用中文的吧。之前一段時間排查一個應用在中文目錄下無法啟動的問題，查過一個 Equinox 的 Manifest 處理的坑。今天，一個同事在寫 Equinox 插件的時候也遇到了類似的問題。這里記錄一下 Equinox 里面對 Manifest 中的...

RobinTang 2019-08-14 12:03 評論0 收藏0
Dobee Routing 組件

摘要：框架路由組件改玩意也是依賴的喲。，很榮幸有這大神陪伴，感覺自己就是個渣。用例每個配置之后都對象，也就是說，以上用例配置完之后，可以執行一系列的鏈式操作。常言道生命不止，折騰不息。干我們這行的，不是被人干就是干別人通常都是被人干。 Dobee php routing component. 框架路由組件改玩意也是依賴composer的喲。項目地址: github cod...

Steven 2019-07-01 12:13 評論0 收藏0