echarts 中 legend

在echarts中，legend（图例）是用于展示不同系列的标记和名称的组件。根据引用、和，可以了解到一些有关图例的属性和设置。

首先，可以设置图例离容器左、右、上、下侧的距离（left、right、top、bottom）。这些值可以是具体的像素值，也可以是相对于容器高宽的百分比，还可以是'left'、'center'、'right'这样的相对位置。如果设置为'left'、'center'、'right'，图例会根据相应的位置自动对齐。

其次，可以设置图例每项之间的间隔（itemGap）。这个间隔可以是水平间隔或纵向间隔，取决于图例的布局方式。

还可以设置图例标记的图形的宽度和高度（itemWidth、itemHeight），以及格式化图例文本（formatter）。格式化图例文本可以使用字符串模板或回调函数来处理，根据图例的名称进行相应的格式化。

此外，还可以设置图例文字的样式，包括颜色、字体大小、字体粗细等。

综上所述，echarts中的图例可以通过设置不同的属性和样式来满足个性化的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [echarts里的legend属性](https://blog.csdn.net/weixin_44123848/article/details/106382199)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [Echarts 中 legend属性自动换行](https://blog.csdn.net/XXXTENTACIONXXXX/article/details/130743251)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Echarts legend属性使用](https://blog.csdn.net/chen__cheng/article/details/118388833)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]