echarts条形图顶端设置显示数据

一.代码

series : [
 {
	 name:'金额',
	 type:'bar',
	 barWidth: '60%',
	 data:[10, 52, 200, 334, 390],	        	          
     barWidth : 30,
	 itemStyle:{
	     normal:{
	     color:function(params) {
	 // build a color map as your need.
	 var colorList = [	        	                              
   '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',	        	                               
   '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',	        	                               
   '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
	      ];
	  return colorList[params.dataIndex]
	     },
         label: {
    		show: true, //开启显示
    		position: 'top', //在上方显示
    		textStyle: { //数值样式
    		    color: 'black',
    			fontSize: 16,
    			fontWeight: 600
    			}
    		}
	     }
     }

  }
]

二.效果图

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值