zoukankan      html  css  js  c++  java
  • 项目中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],
    把形状改了,然后这是一下宽度,高度
  • 相关阅读:
    【转】Struts2 和 Spring MVC对比
    【转】JVM介绍
    linux内核阻塞IO
    linux并发concurrency控制
    内核延时
    linux中断编程
    (转)关于java.lang.UnsupportedClassVersionError解决方法总结
    (转) 使用jdk的xjc命令由schema文件生成相应的实体类
    TWS日志查看
    (转)IBM MQ 创建以及常见问题集锦
  • 原文地址:https://www.cnblogs.com/MDGE/p/13426629.html
Copyright © 2011-2022 走看看