创新互联ECharts教程：ECharts图例组件配置控制图例组件的位置和宽高

legend.left   |   string, number

[ default: 'auto' ]

图例组件离容器左侧的距离。

left 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'left', 'center', 'right'。

如果 left 的值为'left', 'center', 'right'，组件会根据相应的位置自动对齐。

legend.top   |   string, number

[ default: 'auto' ]

图例组件离容器上侧的距离。

top 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'top', 'middle', 'bottom'。

如果 top 的值为'top', 'middle', 'bottom'，组件会根据相应的位置自动对齐。

legend.right    |   string, number

[ default: 'auto' ]

图例组件离容器右侧的距离。

right 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比。

默认自适应。

legend.bottom    |   string, number

[ default: 'auto' ]

图例组件离容器下侧的距离。

bottom 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比。

默认自适应。

legend.width   |   string, number

[ default: 'auto' ]

图例组件的宽度。默认自适应。

legend.height   |   string, number

[ default: 'auto' ]

图例组件的高度。默认自适应。

分享文章：创新互联ECharts教程：ECharts图例组件配置控制图例组件的位置和宽高
网页地址：http://www.csdahua.cn/qtweb/news25/378325.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网