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