echarts柱狀圖根據(jù)數(shù)值范圍不同而顏色不同的柱狀圖

單獨(dú)添加itemStyle
itemStyle: { color: '#ccc' }

image.png

封裝

  • 主要在series里的itemStyle判斷設(shè)置顏色
 series: [
                        {
                            name: 'PM2.5',
                            type: 'bar',
                            data: Pm25Ozonedata,
                            data: [35,75,100,115,150,250,300,500],
                            itemStyle: {
                                normal: {
                                    color: function (params) {
                                        var index_color = params.value;
                                        if (index_color <=35) {
                                            return '#00ff00';
                                        } else if(index_color >35 &&index_color <=75) {
                                            return '#f5fc13';
                                        }else if(index_color >75 &&index_color <=115) {
                                            return '#ff8400';
                                        }else if(index_color >115 &&index_color <=150) {
                                            return '#fc0000';
                                        }else if(index_color >150 &&index_color <=250) {
                                            return '#9b004f';
                                        }else if(index_color >250 &&index_color <=500) {
                                            return '#860023';
                                        }
                                    }
                                }
                            }
                        },
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市取视,隨后出現(xiàn)的幾起案子硝皂,更是在濱河造成了極大的恐慌,老刑警劉巖作谭,帶你破解...
    沈念sama閱讀 219,270評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件稽物,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡丢早,警方通過(guò)查閱死者的電腦和手機(jī)姨裸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)怨酝,“玉大人傀缩,你說(shuō)我怎么就攤上這事∨┾” “怎么了赡艰?”我有些...
    開封第一講書人閱讀 165,630評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)斤葱。 經(jīng)常有香客問(wèn)我慷垮,道長(zhǎng),這世上最難降的妖魔是什么揍堕? 我笑而不...
    開封第一講書人閱讀 58,906評(píng)論 1 295
  • 正文 為了忘掉前任料身,我火速辦了婚禮,結(jié)果婚禮上衩茸,老公的妹妹穿的比我還像新娘芹血。我一直安慰自己,他們只是感情好楞慈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評(píng)論 6 392
  • 文/花漫 我一把揭開白布幔烛。 她就那樣靜靜地躺著,像睡著了一般囊蓝。 火紅的嫁衣襯著肌膚如雪饿悬。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評(píng)論 1 305
  • 那天聚霜,我揣著相機(jī)與錄音狡恬,去河邊找鬼珠叔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛傲宜,可吹牛的內(nèi)容都是我干的运杭。 我是一名探鬼主播夫啊,決...
    沈念sama閱讀 40,442評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼函卒,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了撇眯?” 一聲冷哼從身側(cè)響起报嵌,我...
    開封第一講書人閱讀 39,345評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎熊榛,沒(méi)想到半個(gè)月后锚国,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,802評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡玄坦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評(píng)論 3 337
  • 正文 我和宋清朗相戀三年血筑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片煎楣。...
    茶點(diǎn)故事閱讀 40,117評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡豺总,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出择懂,到底是詐尸還是另有隱情喻喳,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評(píng)論 5 346
  • 正文 年R本政府宣布困曙,位于F島的核電站表伦,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏慷丽。R本人自食惡果不足惜蹦哼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望要糊。 院中可真熱鬧纲熏,春花似錦、人聲如沸杨耙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)珊膜。三九已至容握,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間车柠,已是汗流浹背剔氏。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工塑猖, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人谈跛。 一個(gè)月前我還...
    沈念sama閱讀 48,377評(píng)論 3 373
  • 正文 我出身青樓羊苟,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親感憾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蜡励,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 這篇文章主要講述Echarts設(shè)置字體和線條的顏色相關(guān)操作筆記,希望文章對(duì)你有所幫助阻桅,主要是自己的在線筆記吧凉倚。我在...
    藍(lán)色夢(mèng)想家閱讀 9,955評(píng)論 1 1
  • 也許,只有我走出去了嫂沉,家人也會(huì)重見陽(yáng)光稽寒。好,今天起趟章,我要做一個(gè)快樂(lè)的人杏糙。兒子也會(huì)被我感染,也會(huì)快樂(lè)起來(lái)蚓土。
    受傷的雨閱讀 181評(píng)論 0 0
  • 不要喜歡上我這樣的人 但你別緊張 這是你與我的秘密 也是在你的城市擠壓出來(lái)的聲音 我來(lái)到你的城市 風(fēng)沙宏侍,疼痛是我給...
    梁伯益閱讀 347評(píng)論 0 1
  • 其實(shí)這不算突然的念頭,早在大一的時(shí)候就想過(guò)要給身邊的盆友們制作頭像北戏,但遲遲沒(méi)下手负芋,原因有二,其一是不知道用何種風(fēng)格...
    小影子_51c6閱讀 563評(píng)論 0 0