echarts tooltip 气泡
Posted znht
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了echarts tooltip 气泡相关的知识，希望对你有一定的参考价值。
tooltip: {
trigger: ‘axis‘,
formatter(params) {
let firstParams = params[0];
let sndParams = params[1];
//显示的小圆点
let firsthtml = ‘<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;‘ +
‘height:10px;background-color:rgb(215,42,38)"></span>‘
let sndHtml = ‘<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;‘ +
‘height:10px;background-color:rgb(44,71,85)"></span>‘
if(sndParams === undefined) {
if(firstParams.seriesName == ‘蒸发量‘) {
return firstParams.name + ‘:<br>‘ + firstHtml + firstParams.seriesName + ‘/‘ + firstParams.value;
} else {
return firstParams.name + ‘:<br>‘ + sndHtml + firstParams.seriesName + ‘/‘ + firstParams.value;
}
} else {
return firstParams.name + ":<br>" + firstHtml + firstParams.seriesName + "/" + firstParams.value +
‘<br>‘ + sndHtml + sndParams.seriesName + ‘/‘ + sndParams.value;
}
}
},
效果图：
补充： 官方的字符串模板对应的字段
{a} == firstParams.name
{b} == firstParams.seriesName
{c} == firstParams.data
以上是关于echarts tooltip 气泡的主要内容，如果未能解决你的问题，请参考以下文章
Echarts实现全国地图点击进入各省份，各省份有对应的城市坐标点显示