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],
    把形状改了,然后这是一下宽度,高度
  • 相关阅读:
    DBGridEh表尾显示合计 .....
    03004_Web开发
    雷林鹏分享:Flask请求对象
    雷林鹏分享:Flask静态文件
    雷林鹏分享:Flask模板
    雷林鹏分享:Flask HTTP方法
    雷林鹏分享:Flask URL构建
    雷林鹏分享:Flask变量规则
    雷林鹏分享:Flask路由
    雷林鹏分享:Flask应用程序
  • 原文地址:https://www.cnblogs.com/MDGE/p/13426629.html
Copyright © 2011-2022 走看看