Echarts图表中pie类型tooltip中formatter函数传递的参数从哪里来?
程序员文章站
2022-03-11 09:16:40
最近参与一个项目遇到一个问题,这个tooltip提示框信息怎么配?找了好久最终配置成功,分享到这里大家共享一下,能节省不少时间首先可以看一下系统介绍的文章,里面知识点比较多,也有注释,讲的很全,推荐大家看一下,Echart自定义Tooltip文章链接。这里我补充一点就是formatter函数中的param参数从哪里来?直接上代码:下面的data中的数据就是params参数的来源。tooltip: { trigger: 'item', fo...
最近参与一个项目遇到一个问题,这个tooltip提示框信息怎么配?找了好久最终配置成功,分享到这里大家共享一下,能节省不少时间
首先可以看一下系统介绍的文章,里面知识点比较多,也有注释,讲的很全,推荐大家看一下,Echart自定义Tooltip文章链接。
这里我补充一点就是formatter函数中的param参数从哪里来?
直接上代码:下面的data中的数据就是params参数的来源。
tooltip: {
trigger: 'item',
formatter:function (parms){
var str = parms.marker+""+ parms.data.name+"</br>"+
"金额:"+ parms.data.value+"</br>"+
"占比:"+ parms.percent+"%"+"</br>"+
"笔数:"+ parms.data.count;
return str ;
}
},
series:[
data:[
{value: obj.nativeCity,
name: obj.nameList[0],
itemStyle:{color: "#ff6226"},
count:obj.nativeCityNum
},
{value: obj.nativeProvince,
name: obj.nameList[1],
itemStyle:{color: "#2ca7f9"},
count:obj.nativeProvinceNum
},
{value: obj.otherProvince,
name: obj.nameList[2],
itemStyle:{color: "#2cc78f"},
count:obj.otherProvinceNum
}
]
]
Over,问题解决。
本文地址:https://blog.csdn.net/ProgrammingWhite/article/details/110232039