摘要:這個可以解決很多問題了,但是由于本人偷懶,只看了字符串模板,回調(diào)函數(shù)太麻煩直接忽略了,字符串模板用起來雖然簡單但是數(shù)據(jù)是死的,而且不能加代碼。
目前手上的工作,老板接了一個活計,能夠有一個自由移動的地圖,然后在地圖上某個地方點(diǎn)一下,出現(xiàn)各種數(shù)據(jù)展示之類的,我一眨眼就想到了應(yīng)該用echarts,但是這個玩意我只有培訓(xùn)的時候粗略的用了一下,畫了個餅圖就結(jié)束了,這次要我多帶帶做一個客戶的交互地圖出來,心里還是沒點(diǎn)底,但是好在時間很多,可以慢慢學(xué)習(xí),
接下來就講講在用echats中的遇到的一些問題
遇到的一個問題就是,老板要求,不能鼠標(biāo)滑上去就立刻觸發(fā)tooltip,要點(diǎn)擊以后才觸發(fā)
一開始對echarts了解的很少,就看文檔,看到一個emphasis(強(qiáng)調(diào))和normal(普通),emphasis我測試了一下發(fā)現(xiàn)只要鼠標(biāo)移上去,就是emphasis狀態(tài)了,但是里面的展示的東西我目前沒有辦法更改,于是又去看文檔,找到了一個叫做formatter屬性,echarts官網(wǎng)上對formatter的描述是
用來格式化圖例文本,支持字符串模板和回調(diào)函數(shù)兩種形式。
這個可以解決很多問題了,但是!由于本人偷懶,只看了字符串模板,回調(diào)函數(shù)太麻煩直接忽略了,字符串模板用起來雖然簡單但是數(shù)據(jù)是死的,而且不能加html代碼。悲慘的我在字符串模板上耽誤了大概一天的時間,第二天開始看回調(diào)函數(shù),一看,回調(diào)函數(shù)還可以加!代碼! 也就是我可以如上圖那樣在上面加鏈接,加按鈕!太棒了!
然后就遇到一個坑
要完成的功能是,點(diǎn)擊按鈕,或者鏈接,彈出來一個窗口播放視頻,那么首先我點(diǎn)擊的時候,就要得到這個鏈接,所以,我就想測試一下,能不能點(diǎn)擊按鈕,獲得對應(yīng)的連接
formatter代碼如下
點(diǎn)擊事件是這樣
點(diǎn)擊測試按鈕,按道理來講沒有任何問題,可以得到我想要的name
但是!
報錯了
這有點(diǎn)讓我意外,幽州is not defined是怎么個意思? 幽州什么時候是個變量了???
迷思苦想,難道傳進(jìn)去的時候格式不對?我想到了JSON格式(畢竟我也只知道JSON格式)然后把代碼改成了這樣
然后,我成功辣!
echats網(wǎng)上有很多教程,但是沒有哪一篇涉及到了這一點(diǎn),還好自己搗鼓搗鼓弄出來了,很開心
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/116391.html
摘要:這個可以解決很多問題了,但是由于本人偷懶,只看了字符串模板,回調(diào)函數(shù)太麻煩直接忽略了,字符串模板用起來雖然簡單但是數(shù)據(jù)是死的,而且不能加代碼。 目前手上的工作,老板接了一個活計,能夠有一個自由移動的地圖,然后在地圖上某個地方點(diǎn)一下,出現(xiàn)各種數(shù)據(jù)展示之類的,我一眨眼就想到了應(yīng)該用echarts,但是這個玩意我只有培訓(xùn)的時候粗略的用了一下,畫了個餅圖就結(jié)束了,這次要我單獨(dú)做一個客戶的交互地...
摘要:此外,本例還使用到了相關(guān)文件。制作個性化的九宮格圖本圖將品牌字母融入其中,同時包含了網(wǎng)站三大特色業(yè)務(wù)借換購。此外,還有個問題。 作者的話: 基于patternLock插件實(shí)現(xiàn)九宮格登陸校驗(yàn)功能。其亮點(diǎn)在于摒棄傳統(tǒng)校驗(yàn)方式同時融合產(chǎn)品文化。同上一篇文章一樣,本次實(shí)現(xiàn)功能剝離至本人15年畢設(shè)項(xiàng)目《ReBook》。下面介紹主要思路,詳情請戳后面源碼鏈接。 效果圖: 左側(cè):九宮格滑動區(qū)域,右側(cè)...
摘要:此外,本例還使用到了相關(guān)文件。制作個性化的九宮格圖本圖將品牌字母融入其中,同時包含了網(wǎng)站三大特色業(yè)務(wù)借換購。此外,還有個問題。 作者的話: 基于patternLock插件實(shí)現(xiàn)九宮格登陸校驗(yàn)功能。其亮點(diǎn)在于摒棄傳統(tǒng)校驗(yàn)方式同時融合產(chǎn)品文化。同上一篇文章一樣,本次實(shí)現(xiàn)功能剝離至本人15年畢設(shè)項(xiàng)目《ReBook》。下面介紹主要思路,詳情請戳后面源碼鏈接。 效果圖: 左側(cè):九宮格滑動區(qū)域,右側(cè)...
摘要:之前一段時間排查一個應(yīng)用在中文目錄下無法啟動的問題,查過一個的處理的坑。這里記錄一下里面對中的中文處理的坑。只能說在用到的時候,盡量不要使用中文的吧。 之前一段時間排查一個應(yīng)用在中文目錄下無法啟動的問題,查過一個 Equinox 的 Manifest 處理的坑。今天,一個同事在寫 Equinox 插件的時候也遇到了類似的問題。這里記錄一下 Equinox 里面對 Manifest 中的...
摘要:框架路由組件改玩意也是依賴的喲。,很榮幸有這大神陪伴,感覺自己就是個渣。用例每個配置之后都對象,也就是說,以上用例配置完之后,可以執(zhí)行一系列的鏈?zhǔn)讲僮?。常言道生命不止,折騰不息。干我們這行的,不是被人干就是干別人通常都是被人干。 Dobee php routing component. 框架路由組件 改玩意也是依賴composer的喲。 項(xiàng)目地址: github cod...
閱讀 1922·2021-11-09 09:46
閱讀 2496·2019-08-30 15:52
閱讀 2461·2019-08-30 15:47
閱讀 1327·2019-08-29 17:11
閱讀 1752·2019-08-29 15:24
閱讀 3511·2019-08-29 14:02
閱讀 2450·2019-08-29 13:27
閱讀 1212·2019-08-29 12:32