echarts 關于柱狀圖鼠標滑過背景時柱子消失問題

寫過echarts的同學深知该编,echarts中有很多深坑。今天本仙人掌就踩了一個大大的坑硕淑,記下以供大家參考课竣。

首先,我要實現(xiàn)的效果(下圖)


這個圖看起來很簡單吧喜颁,echarts上有現(xiàn)成的(圖1)稠氮,但是我直接復制過來,一字不差半开,我后面的灰色就是不顯示隔披,真的是很無語。官方例子是靠showBackground: true實現(xiàn)的寂拆。


圖1

于是我看了其他例子奢米,發(fā)現(xiàn)有一個例子同樣可以實現(xiàn)(圖2)


圖2

就是給每個柱子后面加一個陰影,看著例子寫出來后纠永,效果是實現(xiàn)了鬓长,可是發(fā)現(xiàn)鼠標一放在灰色陰影上,當前的柱子就消失了(圖3)


圖3

真是見鬼了尝江,各種百度涉波,百度說是把color十六進制的寫法改成rgba,但我的改完也依然有這個bug,然后看了例子看了兩天啤覆,各個屬性都試過了苍日,還是不行。于是窗声,我把整個例子復制到我的項目中相恃,發(fā)現(xiàn)罪魁禍首竟然是它。其實百度說的沒錯笨觅,確實要換成rgba拦耐,但是rgba里面只能寫成(0,0见剩,0杀糯,.7),而我寫的是rgba(244,244炮温,244火脉,.7),是不是很坑柒啤。我感覺是因為用陰影寫的倦挂,所以那個顏色只能設為陰影,不能設為實際的顏色担巩,但我也不知道它里面的邏輯到底是什么方援,不過終于跳出了坑,記錄一下涛癌,以免有的小伙伴跟我一樣犯戏。(最后附上正確實現(xiàn)的代碼)

ps:不過有沒有童鞋知道,我用showBackground: true為什么實現(xiàn)不了呢拳话,真是頭大先匪。。弃衍。


?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末呀非,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子镜盯,更是在濱河造成了極大的恐慌岸裙,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件速缆,死亡現(xiàn)場離奇詭異降允,居然都是意外死亡,警方通過查閱死者的電腦和手機艺糜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門剧董,熙熙樓的掌柜王于貴愁眉苦臉地迎上來幢尚,“玉大人,你說我怎么就攤上這事送滞∠啦荩” “怎么了辱挥?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵犁嗅,是天一觀的道長。 經(jīng)常有香客問我晤碘,道長褂微,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任园爷,我火速辦了婚禮宠蚂,結果婚禮上,老公的妹妹穿的比我還像新娘童社。我一直安慰自己求厕,他們只是感情好,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布扰楼。 她就那樣靜靜地躺著呀癣,像睡著了一般。 火紅的嫁衣襯著肌膚如雪弦赖。 梳的紋絲不亂的頭發(fā)上项栏,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機與錄音蹬竖,去河邊找鬼沼沈。 笑死,一個胖子當著我的面吹牛币厕,可吹牛的內容都是我干的列另。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼旦装,長吁一口氣:“原來是場噩夢啊……” “哼页衙!你這毒婦竟也來了?” 一聲冷哼從身側響起同辣,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤拷姿,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后旱函,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體响巢,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年棒妨,在試婚紗的時候發(fā)現(xiàn)自己被綠了踪古。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片含长。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖伏穆,靈堂內的尸體忽然破棺而出拘泞,到底是詐尸還是另有隱情,我是刑警寧澤枕扫,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布陪腌,位于F島的核電站,受9級特大地震影響烟瞧,放射性物質發(fā)生泄漏诗鸭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一参滴、第九天 我趴在偏房一處隱蔽的房頂上張望强岸。 院中可真熱鬧,春花似錦砾赔、人聲如沸蝌箍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妓盲。三九已至,卻和暖如春酷勺,著一層夾襖步出監(jiān)牢的瞬間本橙,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工脆诉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留甚亭,地道東北人。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓击胜,卻偏偏與公主長得像亏狰,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子偶摔,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內容