diff --git a/src/views/dashboard/AllMoneyTenEcharts.vue b/src/views/dashboard/AllMoneyTenEcharts.vue index 2b181e2..63c6634 100644 --- a/src/views/dashboard/AllMoneyTenEcharts.vue +++ b/src/views/dashboard/AllMoneyTenEcharts.vue @@ -187,9 +187,10 @@ export default { tooltip:{ trigger: 'axis', formatter: params => { + console.log(params) let percent = this.calcPercent(params[1].data,params[0].data) // 获取xAxis data中的数据 - let dataStr = '' + let dataStr = `
${params[0].name}
` params.forEach(item => { dataStr += `
@@ -216,35 +217,12 @@ export default { interval:0, // 坐标轴刻度标签换行处理 formatter: function (params) { - let newParamsName = '' // 最终拼接成的字符串 - let paramsNameNumber = params.length // 实际标签的个数 - let provideNumber = 6 // 每行能显示的字的个数 - let rowNumber = Math.ceil(paramsNameNumber / provideNumber) // 换行的话,需要显示几行,向上取整 - /** - * 判断标签的个数是否大于规定的个数, 如果大于,则进行换行处理 如果不大于,即等于或小于,就返回原标签 - */ - // 条件等同于rowNumber>1 - if (paramsNameNumber > provideNumber) { - /** 循环每一行,p表示行 */ - for (let p = 0; p < rowNumber; p++) { - let tempStr = ''// 表示每一次截取的字符串 - let start = p * provideNumber // 开始截取的位置 - let end = start + provideNumber // 结束截取的位置 - // 此处特殊处理最后一行的索引值 - if (p === rowNumber - 1) { - // 最后一次不换行 - tempStr = params.substring(start, paramsNameNumber) - } else { - // 每一次拼接字符串并换行 - tempStr = params.substring(start, end) + '\n' - } - newParamsName += tempStr // 最终拼成的字符串 - } - } else { - // 将旧标签的值赋给新标签 - newParamsName = params + let len = params.length + if(len > 4) { + return params.slice(0,4) + '...' + }else { + return params } - return newParamsName }, color: '#999' },