tooltip: {
formatter: function (params) {
var res = params.name+'<br/>';
var res='<div><p>指标:'+params[0].name+'</p></div>'
res+='<p>'+'金额'+':'+params[0].data+'</p>'
res+='<p>'+'剂量'+':'+params[1].data+'</p>'
res+='<p>'+'剂量'+':'+params[2].data+'</p>'
res+='<p>'+'剂量'+':'+params[3].data+'</p>'
return res;
},
formatter: function (params) {
var res = params.name+'<br/>';
var res='<div><p>指标:'+params[0].name+'</p></div>'
res+='<p>'+'金额'+':'+params[0].data+'</p>'
res+='<p>'+'剂量'+':'+params[1].data+'</p>'
res+='<p>'+'剂量'+':'+params[2].data+'</p>'
res+='<p>'+'剂量'+':'+params[3].data+'</p>'
return res;
},
}
而,每一个series里面的data 可以放任何数据,包括字符串,data里必须放字符串
其实就这么简单。
这是最终的效果
本文介绍如何在ECharts中定制tooltip显示效果,通过具体代码实例展示了如何设置tooltip的formatter属性来实现复杂的提示信息展示,包括多个系列的数据项。
5699





