echarts tooltip巧用

Posted 郑福坤

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts tooltip巧用相关的知识,希望对你有一定的参考价值。

 tooltip : {
			        trigger: ‘item‘,
			        triggerOn: ‘click‘,
			        formatter:function(params,ticket,callback){			        	
			        	var res = ‘‘;
			        	for(var i = 0 ; i < _this.data.length; i++){
			        		if(params.name==_this.data[i].name){
			        			res = _this.data[i].rate;	
			        			_this.areaName = params.name;
			        			break;
			        		}
			        	}
			        	console.log(_this.areaName)
			        	return res;			        	
			        }
			    },

  实现“点击”对应的mark点获取到对应的地域信息从而实现局部刷新加载数据,并显示对应的tooltip框(可修改提示内容)

以上是关于echarts tooltip巧用的主要内容,如果未能解决你的问题,请参考以下文章

Echarts tooltip文字没有左对齐

echarts中自定义tooltip的换行问题

Echarts在ios13系统中tooltip(气泡)在折线下的问题

echarts 实现tooltip双栏效果

echarts的 tooltip formatter参数怎么回调吗

echarts tooltip 自定义formatter怎么设置颜色