echarts.js的柱状图的大小,颜色以及显示的设置

1.设置柱状图的大小

//设置柱的宽度,要是数据太少,柱子太宽不美观~
barWidth:40,

2.设置柱状图的颜色

var colorList = [
                       '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
                       '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                       '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                    ];

具体页面的HTML





    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	





    
	
	

3.效果图
echarts.js的柱状图的大小,颜色以及显示的设置_第1张图片

你可能感兴趣的:(echarts.js,JSP,echarts)