echarts圖中顏色的隨機展示方法


第一種:定制顯示

series: [
            {
                type: 'bar',
                data: alertSizeArr,
                barWidth: '30%', //柱子寬度
                // barGap: 1, //柱子之間間距
                itemStyle: {
                    normal: {
                        color: function (params) {
                            // 定制顯示(按順序)
                            var colorList = ['#C33531','#EFE42A','#64BD3D','#EE9201','#29AAE3', '#B74AE5','#0AAF9F','#E89589','#16A085','#4A235A','#C39BD3 ','#F9E79F','#BA4A00','#ECF0F1','#616A6B','#EAF2F8','#4A235A','#3498DB' ];
                            return colorList[params.dataIndex]
                        },
                        opacity: 1,
                        barBorderRadius: 5,
                    }
                }
            }
        ]

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM