echarts X轴换行处理

				formatter: function (params) {
					var newParamsName = ''; // 拼接后的新字符串
					var paramsNameNumber = params.length; // 实际标签数
					var provideNumber = 3; // 每行显示的字数
					var rowNumber = Math.ceil(paramsNameNumber / provideNumber); // 如需换回,算出要显示的行数

					if (paramsNameNumber > provideNumber) {
						/** 循环每一行,p表示行 */

						for (var i = 0; i < rowNumber; i++) {
							var tempStr = ''; // 每次截取的字符串
							var start = i * provideNumber; // 截取位置开始
							var end = start + provideNumber; // 截取位置结束

							// 最后一行的需要单独处理

							if (i == rowNumber - 1) {
								tempStr = params.substring(start, paramsNameNumber);
							} else {
								tempStr = params.substring(start, end) + '\n';
							}
							newParamsName += tempStr;
						}
					} else {
						newParamsName = params;
					}

					return newParamsName;
				},

改良后,只显示2行

formatter: function(params) {
					var newParamsName = ''  // 拼接后的新字符串
					var paramsNameNumber = params.length

					var provideNumber = 3; // 每行显示的字数
					var rowNumber = Math.ceil(paramsNameNumber / provideNumber); // 如需换回,算出要显示的行数

					if (paramsNameNumber > provideNumber) {
						/** 循环每一行,p表示行 */

						if(rowNumber > 2 ) rowNumber = 2

						for (var i = 0; i < rowNumber; i++) {
							var tempStr = ''; // 每次截取的字符串
							var start = i * provideNumber; // 截取位置开始
							var end = start + provideNumber; // 截取位置结束

							if (i == rowNumber - 1) {
								tempStr = params.substring(start, end-1)+ '..';
							} else {
								tempStr = params.substring(start, end) + '\n';
							}
							newParamsName += tempStr;
						}
						
					} else {
						newParamsName = params;
					}

					return newParamsName;
				}

再次改良,第二行...特殊处理

formatter: function(params) {
					var newParamsName = ''  // 拼接后的新字符串
					var paramsNameNumber = params.length

					var provideNumber = 3; // 每行显示的字数
					var rowNumber = Math.ceil(paramsNameNumber / provideNumber); // 如需换回,算出要显示的行数

					if (paramsNameNumber > provideNumber) {
						/** 循环每一行,p表示行 */
						let bDot = false

						if(rowNumber > 2 ){
							bDot = true
							rowNumber = 2
						}

						for (var i = 0; i < rowNumber; i++) {
							var tempStr = ''; // 每次截取的字符串
							var start = i * provideNumber; // 截取位置开始
							var end = start + provideNumber; // 截取位置结束

							if (i == rowNumber - 1) {

								if(paramsNameNumber == 6){
									tempStr = params.substring(start, end);
								}else {
									tempStr = params.substring(start, end-1);
								}

								if(bDot){
									tempStr += '..'
								}

							} else {
								tempStr = params.substring(start, end) + '\n';
							}
							newParamsName += tempStr;
						}

					} else {
						newParamsName = params;
					}

					return newParamsName;
				}
posted @ 2024-05-28 10:31  寒冷的雨呢  阅读(351)  评论(0编辑  收藏  举报