echarts树状图tooltip提示自定义--解决方案

原来的代码

tooltip: {
          trigger: "item",
          triggerOn: "mousemove"
 }

因为树状图一级一级显示，所以下图有四级，默认显示每一级的名字，但不想这么显示，想要的结果，换行显示，只显示这一级的相关信息
原效果图

期望效果图：

实现代码：

tooltip: {
          trigger: "item",
          triggerOn: "mousemove",
          formatter:function(params){
            var tip = ''
            if(params!=null ){
              let Name = 'Name：'
              let DN = 'DN：'
              let neType = 'neType：'
              let IP = 'IP：'
                tip += params.marker + Name + params.data.name+'<br/>'
                tip += params.marker + DN +  params.data.neDn +'<br/>'
                tip += params.marker + neType +  params.data.neType +'<br/>'
                if(params.data.ip){
                  tip += params.marker + IP +  params.data.ip +'<br/>'
                }
            }
            return tip
          }
        },

不太懂的可以看下本项目中params的结构就一目了然了，其中前面的mark点应该是自带生成的marker结构，搜了很多都是柱状图和折线图，好多params结构不同，厨房方式是鼠标经过hover，所以鼠标经过打印一下自己的params是什么结构，再一点点拼