欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-19 13:02:42
最近参与一个项目遇到一个问题,这个tooltip提示框信息怎么配?找了好久最终配置成功,分享到这里大家共享一下,能节省不少时间首先可以看一下系统介绍的文章,里面知识点比较多,也有注释,讲的很全,推荐大家看一下,Echart自定义Tooltip文章链接。这里我补充一点就是formatter函数中的param参数从哪里来?直接上代码:下面的data中的数据就是params参数的来源。tooltip: { trigger: 'item', fo...

最近参与一个项目遇到一个问题,这个tooltip提示框信息怎么配?找了好久最终配置成功,分享到这里大家共享一下,能节省不少时间

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

首先可以看一下系统介绍的文章,里面知识点比较多,也有注释,讲的很全,推荐大家看一下,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