项目中eCharts中的tree配置

我们常常发先单单个formatter其实是不够用的,就比如一个方块里面有两行字,那么这是我就将label的配置都放在normal里面,例如如下

    normal:{
                formatter: param => {
                    const { data: { orgNameZh, orgManagerName, orgManagerNumber },} = param
                    let name = orgManagerName?`${orgManagerName}(${orgManagerNumber})`:'无'
                    return `{a|${orgNameZh}} {b|${name}}`
                },
                rich:{
    ///a表示的是一种样式,b也是一种样式
                  a:{
                    fontSize:12,   
                    color:'#333',
                  },
                  b:{
                    fontSize:14,
                    color:'#333',
                    fontWeight:'bold'
                  }
                },
                textStyle:{
                  // fontFamily:"微软雅黑",
                  // fontWeight:'blod'
                  // fontSize: 12,
                  // backgroundColor: { image: tag },
                  padding: [10, 20],
                  // color: '#333',
                  backgroundColor:'#F5F5F5',
                  borderWidth:1,
                  borderColor:'#DDDDDD',
                }
              }
大家其实遇到情况的越多,对API的熟悉度越高,normal这个
            emphasis:{
              label:{
                color:'#FE9D20',
                backgroundColor:'#FFF9F2',
                borderColor:'#FE9D20'
              }
            }
底下这个是鼠标划过的效果,再讲一下她滑动的小红点,你去写的时候会发现滑动的时候有时不太好用,其实不是什么bug,是你的小红点,太小了,所以滑动不上,那么这是就要给小红点改下形状,然后设置他的宽度和高度,
symbol:'rect',
symbolSize:[60,30],
把形状改了,然后这是一下宽度,高度
原文地址:https://www.cnblogs.com/MDGE/p/13426629.html