Echarts图表中pie类型tooltip中formatter函数传递的参数从哪里来?

2022-07-27,,,,

最近参与一个项目遇到一个问题,这个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

《Echarts图表中pie类型tooltip中formatter函数传递的参数从哪里来?.doc》

下载本文的Word格式文档,以方便收藏与打印。