关于echart在vue中的饼图的值格式为千分位展示

关于echart在vue中的饼图的值格式为千分位展示
echart的formatter定义方法

1
2
3
4
5
6
label: {
/* formatter: '{b} : {c}元 ({d}%)'*/
formatter:function(data) {
return data.name+":"+that.formatAmount(data.value)+"元 --占比:"+data.percent+"%";
}
}

定义vue方法

1
2
3
4
/*格式化千分位方法*/
formatAmount(strNum){
return (strNum+ '').replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,');
},

由于在eachart的方法中调用formatAmount的方法
如果在子函数还用this,this的指向就变成子函数了,that就是用来存储指向的

需要在 eachart方法前定义var that = this