xAxis: [ { type: 'category', axisTick: {show: false}, boundaryGap: false, axisLabel: { textStyle: { color: 'rgba(255,255,255,.6)', fontSize: '12' }, lineStyle: { color: 'rgba(255,255,255,.1)', }, interval: {default: 0}, // rotate:50, formatter: function (params) { var newParamsName = "";// 最终拼接成的字符串 var paramsNameNumber = params.length;// 实际标签的个数 var provideNumber = 10;// 每行能显示的字的个数 var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话,需要显示几行,向上取整 /** * 判断标签的个数是否大于规定的个数, 如果大于,则进行换行处理 如果不大于,即等于或小于,就返回原标签 */ // 条件等同于rowNumber>1 if (paramsNameNumber > provideNumber) { /** 循环每一行,p表示行 */ var tempStr = ""; tempStr = params.substring(0, 4); newParamsName = tempStr + "...";// 最终拼成的字符串 } else { // 将旧标签的值赋给新标签 newParamsName = params; } //将最终的字符串返回 return newParamsName } }, data: (function () { var now = new Date(); var res = []; var len = 7; while (len--) { res.unshift(now.toLocaleDateString().replace(/^\D*/, '')); now = new Date(now - 24 * 60 * 60 * 1000); } return res; })() } ],