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],
    把形状改了,然后这是一下宽度,高度
  • 相关阅读:
    hdu 1166 敌兵布阵 线段树区间修改、查询、单点修改 板子题
    POJ 1655 Balancing Act ( 树的重心板子题,链式前向星建图)
    P1268 树的重量(板子)
    P1896 [SCOI2005]互不侵犯 状压dp
    Delphi {$M +} 与{$TYPEINFO ON} 和 {$M -} 与{$TYPEINFO OFF}
    SQL 通过SQL语句检索字段类型、长度、主键
    随笔2020.11.10
    Delphi 操作Windows系统睡眠-防止系统/电脑 进入睡眠或关闭显示器
    Delphi WinAPI SetThreadExecutionState
    Delphi TOpenDialog的使用介绍以及如何动态创建和释放
  • 原文地址:https://www.cnblogs.com/MDGE/p/13426629.html
Copyright © 2011-2022 走看看