设置echarts legend 图例与文字对齐

不想上班只想要钱

于 2025-03-16 16:21:29 发布

阅读量588

点赞数 3

分类专栏： vue 前端 echarts 文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/Aa12364567/article/details/146296894

版权

前端同时被 3 个专栏收录

261 篇文章

订阅专栏

vue

118 篇文章

订阅专栏

echarts

24 篇文章

订阅专栏

设置echarts legend 图例与文字对齐

关键代码

 rich: {
                    a: {
                        verticalAlign: 'middle',
                    },
                },
                padding:[0,-2,-4,1],

完整代码

     legend: {
            // data: ['接收数据','异常数据'],
            data: ['要素01', '要素02'],
            textStyle: {
                color: '#fff',
                fontSize: 12,
                heitht: 10,
                rich: {
                    a: {
                        verticalAlign: 'middle',
                    },
                },
                padding:[0,-2,-4,1],
            },
            icon: 'rect',
            itemWidth: 10,
            itemHeight: 10,
            itemGap: 10,
            top: '20px',
            right: '20px'
        },