echarts图例与文字对齐问题

跨端

于 2022-02-22 16:15:15 发布

阅读量3.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：工作记录文章标签： echarts javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_53876100/article/details/123070853

工作记录专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何解决Echarts中图例未对齐的问题，通过设置textStyle的高度和rich属性，可以实现图例的垂直居中对齐，从而满足视觉上的整洁需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天使用echarts时发现官网示例图例部分并没有进行对齐，一上一下逼死强迫症，经过对文档的查询，发现可以通过对textStyle-height以及rich的设置调整对齐方式

textStyle: {
            fontSize: 14,
            height: 10,
            rich: {
              a: {
                verticalAlign: 'middle',
              },
            }
          },