uniapp使用Echarts,解决renderjs无法使用formatter问题

  yAxis: {
			      type: 'category',
			      data: names,
			      axisTick: {
			         show: false,
			         alignWithLabel: true
					 
			      },
			      axisLine: {
			         show: false
			      },
			      axisLabel: {
			         interval: 0,
			         // rotate: 30,
					 formatter:function(value) {
						if (value.length > 5) {
						  return value.slice(0, 5) + '...';
						} else {
						  return value;
						}
					  },
			         textStyle: {
			            color: "#000",
			            fontSize: 12
			         }
			      },

再option里面直接写上formatter,是无法执行方法的,

需要在调用Echarts中再次调用

if(option.id == 'PaymentEcharts'){
	this.option.yAxis.axisLabel.formatter = function(value) {
		console.log(value);
		 if (value.length > 5) {
			return value.slice(0, 5) + '...';
		} else {
		        return value;
		    }
		}	
}

再option中添加id,并重新调用方法即可解决

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值