创新互联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.hxwzsj.com/article/dpoessg.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 高端网站设计 宜宾网站设计 成都网站建设 营销型网站建设 成都商城网站建设 成都网站设计 网站建设方案 成都网站建设公司 营销型网站建设 成都响应式网站建设公司 成都网站建设 网站建设方案 定制网站设计 温江网站设计 响应式网站设计 商城网站建设 成都企业网站制作 成都网站建设公司 成都网站建设流程 成都定制网站建设 成都网站设计 成都网站制作