• 项目中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],
    把形状改了,然后这是一下宽度,高度
  • 相关阅读:
    ios UIImageView
    ios UILable
    [leetCode]116. 填充每个节点的下一个右侧节点指针
    [leetCode]1002. 查找常用字符
    [leetCode]199. 二叉树的右视图
    [leetCode]784. 字母大小写全排列
    [leetCode]1297. 子串的最大出现次数
    [leetCode]1239. 串联字符串的最大长度
    1095. 山脉数组中查找目标值
    [leetCode]1235. 规划兼职工作
  • 原文地址:https://www.cnblogs.com/MDGE/p/13426629.html
Copyright © 2020-2023  润新知