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

單獨添加itemStyle
itemStyle: { color: '#ccc' }

image.png

封裝

  • 主要在series里的itemStyle判斷設置顏色
 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';
                                        }
                                    }
                                }
                            }
                        },
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 這篇文章主要講述Echarts設置字體和線條的顏色相關操作筆記,希望文章對你有所幫助,主要是自己的在線筆記吧。我在...
    藍色夢想家閱讀 10,280評論 1 1
  • 也許,只有我走出去了,家人也會重見陽光。好,今天起,我要做一個快樂的人。兒子也會被我感染,也會快樂起來。
    受傷的雨閱讀 270評論 0 0
  • 不要喜歡上我這樣的人 但你別緊張 這是你與我的秘密 也是在你的城市擠壓出來的聲音 我來到你的城市 風沙,疼痛是我給...
    梁伯益閱讀 391評論 0 1
  • 其實這不算突然的念頭,早在大一的時候就想過要給身邊的盆友們制作頭像,但遲遲沒下手,原因有二,其一是不知道用何種風格...
    小影子_51c6閱讀 635評論 0 0

友情鏈接更多精彩內容