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,
                    }
                }
            }
        ]

 

上一篇:HTML5七夕情人节表白网页制作 (生日快乐文字烟花背景动画特效) HTML+CSS+JavaScript


下一篇:python - 接口自动化 - Requests 调试脚本综合实战