【修改】前二十统计样式修改

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 = ` <div>${params[0].name}</div>`
             params.forEach(item => {
               dataStr += `<div>
           <div style="margin: 0 8px;">
@@ -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'
           },