今天开发中遇到一个问题,echarts图表触摸x轴触发tooltip会将x轴上所有的数据展示出来,但是有些场合只需要展示某些数据就可以,并不需要全部展示,如下图:
这里警戒线因为需要开关,所以使用填充的数据模拟,但是,触摸后会导致连警戒线数据也显示出来,如图:
实际上图表中只有荷载是真实数据需要显示,其他并不需要,看了echarts文档发现并没有相关的配置。所以只能使用formatter
来进行模拟,这是formatter的文档说明
通过打印formatter里的params,看到里面是数组套对象的形式,每一个对象是对应的x轴数据,打印内容如下:
了解了formatter里的数据格式,就可以通过返回指定的字符串来自定义tooltip里的内容
formatter(params) {
return `${params[0].name}<br />${params[0].marker + params[0].seriesName}:${params[0].data}`;
}
使用后效果:
声明:本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。