echarts legend分页多行
时间: 2023-10-18 09:31:10 浏览: 197
echarts legend 排列问题
在Echarts中,你可以使用legend的type属性来控制图例的展示方式。其中,type为"scroll"时,图例会以多行分页的方式展示。
你还可以使用width属性设置图例的宽度,通过调整宽度来控制每行显示的图例数量。设置width为一个百分比值,比如"70%",可以让图例在可用空间内自动分配多行显示。
此外,你还可以使用itemGap属性来设置图例项之间的间隔,通过调整itemGap的数值,可以改变图例项之间的距离。
因此,如果你希望echarts的图例以分页多行的形式展示,你可以将legend的type属性设置为"scroll",同时调整width属性来控制每行显示的图例数量,并且可以使用itemGap属性来调整图例项之间的间隔。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [echarts legend 排列问题](https://download.csdn.net/download/qq_36437172/12420436)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [echarts的legend过多显示分页效果](https://blog.csdn.net/weixin_43787651/article/details/120354427)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文