echarts改变图例位置

最新推荐文章于 2025-02-06 10:15:59 发布

huayang183

最新推荐文章于 2025-02-06 10:15:59 发布

阅读量1.3w

点赞数 4

文章标签： echarts

FZY

本文链接：https://blog.csdn.net/qq_18671415/article/details/120365390

版权

本文介绍了如何使用ECharts配置图例的布局和样式，包括水平或垂直显示、位置设置及距离调整等。

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

只需要legend属性中修改如下几个示数即可：

 legend：{

       orient:"horizontal",

       x:'right',

       y:' center',

       width:'100',

       padding:[10, 30,0 0],

       itemWidth:30,

       textStyle:{

            color:'#000',

          },

}

x : 左（left）、右（right）、居中（center）
y : 上（top）、下（bottom）、居中（center）

padding:[0,30,0,0] [（上），（右）、（下）、（左）]

注意：x、y代表图例的位置，padding代表距离某个位置的距离