echarts中使用rich 自定义富文本样式

echart新版本 新增了rich属性,可以自定义文本的样式。注意5版本后才可以使用

以下图为例:强调id与变更次数

label: {
        normal: {
          color: '#fff',
          formatter: function(params) {
            let name = params.name
            return '部件 : {part|' + params.data.department + '} \n 需求({id|' + params.data.requirementId + '}):' + name + ' \n变更{style|' + ' ' + params.data.num + ' }次'
          },
          rich: {
            style: {
              fontSize: '19px',
              padding: [8, 0, 6, 0],
              fontWeight: 'bold',
              color: '#0be2ed'
            },
            part: {
              color: '#eee',
              marginLeft: '10px',
              fontWeight: 'bold',
              padding: [8, 0, 6, 0]
            },
            id: {
              fontSize: '14px',
              fontWeight: 'bold',
              color: '#0be2ed'
            }
          }
        },
        data: []
      },

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值