运用echarts图表显示金额数据时会出现小数点后有0的数据不显示的情况,这是因为图表帮我们处理啦,咋处理回来哩,就是下面这行代码咯 ,在 tooltip(提示框组件) 加上就行
tooltip: {
trigger: 'axis',
formatter(params) {
function NumFormat(value) {
if (!value) return '0.00'
value = value.toFixed(2)
var intPart = Math.trunc(value) // 获取整数部分
var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
var floatPart = '.00' // 预定义小数部分
var value2Array = value.split('.')
// =2表示数据有小数位
if (value2Array.length === 2) {
floatPart = value2Array[1].toString() // 拿到小数部分
if (floatPart.length === 1) {
return intPartFormat + '.' + floatPart + '0'
} else {
return intPartFormat + '.' + floatPart
}
} else {
return intPartFormat + floatPart
}
}
var relVal = '单价信息'
for (var i = 0, l = params.length; i < l; i++) {
//遍历出来的值一般是字符串,需要转换成数字,再进项tiFixed保留2位数
relVal += '<br/>' + params[i].marker + params[i].seriesName + ' : ' + NumFormat(params[i].value)
}
return relVal
},
},
注意:不知道在哪的可以看这里