首页 > 其他分享 >echarts X轴换行处理

echarts X轴换行处理

时间:2024-05-28 10:45:50浏览次数:22  
标签:provideNumber start 换行 newParamsName paramsNameNumber 处理 params var echarts

				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;
				},

标签:provideNumber,start,换行,newParamsName,paramsNameNumber,处理,params,var,echarts
From: https://www.cnblogs.com/linhan8888/p/18217360

相关文章

  • ios系统上h5页面播放audio标签声音有延迟问题处理
    原文链接https://www.cnblogs.com/yalong/p/18214816背景app内嵌了一个H5页面,页面有个需求是点击某些按钮就触发声音,于是就使用了audio标签,但是有个问题就是在ios上,点击声音会有短时间的延迟,然后才播放声音找了好几种方案总算解决了方案一click事件改为mouseup事件因为移动......
  • 痞子衡嵌入式:不同J-Link版本对于i.MXRT1170连接复位后处理行为有所不同
    大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家介绍的是不同J-Link版本对于i.MXRT1170连接复位后处理行为。痞子衡之前写过一篇旧文《i.MXRT1170上用J-Link连接复位后PC总是停在0x223104的原因》,这篇文章详细解释了RT1170BootROM代码里软件实现的DebugMai......
  • 如果任务过多,队列积压怎么处理?
    如果任务过多,队列积压怎么处理?1、内存队列满了应该怎么办2、问题要治本——发短信导致吞吐量降低的问题不能忽略!!3、多路复用IO模型的核心组件简介1、内存队列满了应该怎么办如图:大家可以看到,虽然现在发短信和广告投递,彼此之间的执行效率不受彼此影响,但是请......
  • ffmpeg之视频(avc+aac)无损转mp4(批处理,拖放)
    很多能够无损转视频的工具都来自命令行的ffmpeg版本,本文将介绍如何简单的批处理方法(直接拖放到bat文件上)来实现无损转视频。工具/原料ffmpeg(默认的static版本)方法/步骤 1.桌面左下角开始菜单,点Windows附件→记事本。 2.复制本步骤以下全部内......
  • 操作系统 实验18 批处理操作接口8:函数
    1、建立文件func2.sh,输出文件内容各行及行数脚本:#!/bin/bashecho-n"请输入一个文件名及路径:"readFILEstatisfile(){ locali=0 whilereadline do leti++ echo"$i$line" done<$FILE echo"$FILE有$i行"}echo"调用shell函数statisfile()&quo......
  • 图像处理之基于标记的分水岭算法(C++)
    图像处理之基于标记的分水岭算法(C++)文章目录图像处理之基于标记的分水岭算法(C++)前言一、基于标记点的分水岭算法应用1.实现步骤:2.代码实现总结前言传统分水岭算法存在过分割的不足,OpenCV提供了一种改进的分水岭算法,使用一系列预定义标记来引导图像分割的定义方式......
  • 【语音处理】语音信号时域频域分析,降噪滤波,端点检测,特征提取附Matlab代码
     ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,代码获取、论文复现及科研仿真合作可私信。......
  • 【语音处理】语音信号时域频域分析,降噪滤波,端点检测,特征提取附Matlab代码
     ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,代码获取、论文复现及科研仿真合作可私信。......
  • 突破带宽瓶颈,5SGSMD4E1H29C2G、5SGSMD4E1H29I2G、5SGSMD4E3H29I3G Stratix® V GS FPG
    StratixVGSFPGA——600-Mbps至12.5-Gbps收发器,适用于高性能数字信号处理(DSP)应用。中文参数:5SGSMD4E1H29C2GLAB/CLB数:135840逻辑元件/单元数:360000总RAM位数:19456000I/O数:360电压-供电:0.87V~0.93V安装类型:表面贴装型工作温度:0°C~85°C(TJ)封装/外壳:780-BBGA,FCBGA......
  • python模块之smtplib邮件处理模块
    要求:发送一封简单的邮件发送html格式的邮件在邮件中带图片发送邮件步骤:1.登录邮件服务器2.构造符合邮件协议规则的邮件内容3.发送python对SMTP支持有smtplib和email模块,email负责构造邮件,smtplib负责发送邮件importsmtplibfromemail.mime.textimportMIMETextf......