echarts积累之--rich富文本使用方法

最新推荐文章于 2024-05-21 14:15:14 发布

王哈哈的学习笔记

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量590

点赞数

文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/weixin_58031521/article/details/129198086

版权

使用 formatter 的地方大多都是可以使用 rich 属性的,rich里面可以定义formatter里面的样式

formatter: function (value) {
    return `{classNameImgAdd|}{className1| top1}{className2| 样式对应的文字222}`
},
rich: {
    className2: {
        lineHeight: 50,
        align: 'right',
        color: 'red'
    },
    className1: {
        lineHeight: 50,
        align: 'left',
        color: 'green',
    },
    classNameImgAdd: {
        height: 30,
        width: 25,
        backgroundColor:{
            image: `https://static.mycplife.com/bi/static/aftersale/top1.png`,
        }
    }
}

效果：