基础

2024-07-10 04:58| 来源: 网络整理| 查看: 265

文章目录 🏳️‍🌈 LegendOpts基本参数1. 默认参数实例2. 设置参数实例 🏳️‍🌈 更多设置实例（源码+数据下载）

大家好，我是 👉【Python当打之年(点击跳转)】

今天给大家介绍 pyecharts绘图中常见的图例配置项设置(LegendOpts) ，希望对大家有所帮助，如有疑问或者建议可以私信小编。

🏳️‍🌈 LegendOpts基本参数

包含：

type_、selected_mode、is_show、pos_left、pos_right、pos_top、pos_bottom、orient、align、padding、item_gap、item_width、item_height、inactive_color、textstyle_opts、legend_icon…

class LegendOpts( # 图例的类型。可选值： # 'plain'：普通图例。缺省就是普通图例。 # 'scroll'：可滚动翻页的图例。当图例数量较多时可以使用。 type_: Optional[str] = None, # 图例选择的模式，控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 false 关闭 # 除此之外也可以设成 'single' 或者 'multiple' 使用单选或者多选模式。 selected_mode: Union[str, bool, None] = None, # 是否显示图例组件 is_show: bool = True, # 图例组件离容器左侧的距离。 # left 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比， # 也可以是 'left', 'center', 'right'。 # 如果 left 的值为'left', 'center', 'right'，组件会根据相应的位置自动对齐。 pos_left: Union[str, Numeric, None] = None, # 图例组件离容器右侧的距离。 # right 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比。 pos_right: Union[str, Numeric, None] = None, # 图例组件离容器上侧的距离。 # top 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比， # 也可以是 'top', 'middle', 'bottom'。 # 如果 top 的值为'top', 'middle', 'bottom'，组件会根据相应的位置自动对齐。 pos_top: Union[str, Numeric, None] = None, # 图例组件离容器下侧的距离。 # bottom 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比。 pos_bottom: Union[str, Numeric, None] = None, # 图例列表的布局朝向。可选：'horizontal', 'vertical' orient: Optional[str] = None, # 图例标记和文本的对齐。默认自动（auto） # 根据组件的位置和 orient 决定 # 当组件的 left 值为 'right' 以及纵向布局（orient 为 'vertical'）的时候为右对齐，即为 'right'。 # 可选参数: `auto`, `left`, `right` align: Optional[str] = None, # 图例内边距，单位px，默认各方向内边距为5 padding: int = 5, # 图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。 # 默认间隔为 10 item_gap: int = 10, # 图例标记的图形宽度。默认宽度为 25 item_width: int = 25, # 图例标记的图形高度。默认高度为 14 item_height: int = 14, # 图例关闭时的颜色。默认是 #ccc inactive_color: Optional[str] = None, # 图例组件字体样式，参考 `series_options.TextStyleOpts` textstyle_opts: Union[TextStyleOpts, dict, None] = None, # 图例项的 icon。 # ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none' # 可以通过 'image://url' 设置为图片，其中 URL 为图片的链接，或者 dataURI。 # 可以通过 'path://' 将图标设置为任意的矢量路径。 legend_icon: Optional[str] = None, ) 1. 默认参数实例

以下两段代码效果一样：

代码1：

data = [['可乐', 79], ['雪碧', 51], ['橙汁', 123], ['绿茶', 118], ['奶茶', 139], ['百威', 46], ['青岛', 104]] p1 = ( Pie() .add("", data) .set_global_opts(title_opts=opts.TitleOpts(title="Legend-默认设置")) .set_series_opts(label_opts=opts.LabelOpts(formatter="{b}: {c}")) )

代码2：

p2 = ( Pie() .add(series_name='', data_pair=data) .set_series_opts(label_opts=opts.LabelOpts(formatter="{b}: {c}")) .set_global_opts( title_opts=opts.TitleOpts(title="Legend-默认设置"), legend_opts=opts.LegendOpts( type_='plain', selected_mode=True, is_show=True, pos_left=None, pos_right=None, pos_top=None, pos_bottom=None, orient='horizontal', align='auto', padding=5, item_gap=10, item_width=25, item_height=14, inactive_color='#ccc', textstyle_opts=None, legend_icon=None ) ) )

图例默认在上方居中横排显示：

在这里插入图片描述

2. 设置参数实例 type_ ：'scroll’可滚动翻页的图例，当图例数量较多时使用，默认是 ‘plain’。 pos_left、pos_right、pos_top、pos_bottom ：图例组件离容器边缘距离，一般设置两个即可。 orient ：图例列表的布局，水平-‘horizontal’，垂直-‘vertical’。 inactive_color ：点击图例关闭时的颜色。 legend_icon ：图例项的 icon。‘circle’(圆), ‘rect’(矩形), ‘roundRect’(圆角矩形), ‘triangle’(三角形), ‘diamond’(菱形), ‘pin’(大圆饼), ‘arrow’(箭头)。 p2 = ( Pie() .add(series_name='', data_pair=data) .set_series_opts(label_opts=opts.LabelOpts(formatter="{b}: {c}")) .set_global_opts( title_opts=opts.TitleOpts(title="Legend-设置示例"), legend_opts=opts.LegendOpts( type_='scroll', selected_mode='multiple', is_show=True, pos_left='', pos_right='10%', pos_top='20%', pos_bottom='', orient='vertical', align='left', padding=5, item_gap=20, item_width=15, item_height=15, inactive_color='blue', legend_icon='circle' ) ) )

效果：

在这里插入图片描述

提供两个legend_icon ：

ios_icon = 'path://M24.734 17.003c-0.040-4.053 3.305-5.996 3.454-6.093-1.88-2.751-4.808-3.127-5.851-3.171-2.492-0.252-4.862 1.467-6.127 1.467-1.261 0-3.213-1.43-5.28-1.392-2.716 0.040-5.221 1.579-6.619 4.012-2.822 4.897-0.723 12.151 2.028 16.123 1.344 1.944 2.947 4.127 5.051 4.049 2.026-0.081 2.793-1.311 5.242-1.311s3.138 1.311 5.283 1.271c2.18-0.041 3.562-1.981 4.897-3.931 1.543-2.255 2.179-4.439 2.216-4.551-0.048-0.022-4.252-1.632-4.294-6.473zM20.705 5.11c1.117-1.355 1.871-3.235 1.665-5.11-1.609 0.066-3.559 1.072-4.713 2.423-1.036 1.199-1.942 3.113-1.699 4.951 1.796 0.14 3.629-0.913 4.747-2.264z' android_icon = 'path://M28 12c-1.1 0-2 0.9-2 2v8c0 1.1 0.9 2 2 2s2-0.9 2-2v-8c0-1.1-0.9-2-2-2zM4 12c-1.1 0-2 0.9-2 2v8c0 1.1 0.9 2 2 2s2-0.9 2-2v-8c0-1.1-0.9-2-2-2zM7 23c0 1.657 1.343 3 3 3v0 4c0 1.1 0.9 2 2 2s2-0.9 2-2v-4h4v4c0 1.1 0.9 2 2 2s2-0.9 2-2v-4c1.657 0 3-1.343 3-3v-11h-18v11zM24.944 10c-0.304-2.746-1.844-5.119-4.051-6.551l1.001-2.001c0.247-0.494 0.047-1.095-0.447-1.342s-1.095-0.047-1.342 0.447l-1.004 2.009-0.261-0.104c-0.893-0.297-1.848-0.458-2.84-0.458s-1.947 0.161-2.84 0.458l-0.261 0.104-1.004-2.009c-0.247-0.494-0.848-0.694-1.342-0.447s-0.694 0.848-0.447 1.342l1.001 2.001c-2.207 1.433-3.747 3.805-4.051 6.551v1h17.944v-1h-0.056zM13 8c-0.552 0-1-0.448-1-1s0.447-0.999 0.998-1c0.001 0 0.002 0 0.003 0s0.001-0 0.002-0c0.551 0.001 0.998 0.448 0.998 1s-0.448 1-1 1zM19 8c-0.552 0-1-0.448-1-1s0.446-0.999 0.998-1c0 0 0.001 0 0.002 0s0.002-0 0.003-0c0.551 0.001 0.998 0.448 0.998 1s-0.448 1-1 1z'

在这里插入图片描述

大家可以尝试修改各个参数，对比前后效果，加深理解。

🏳️‍🌈 更多设置实例（源码+数据下载）

👉【源码下载 | Python可视化系列文章资源(源码+数据)】

以上就是本期为大家整理的全部内容了，赶快练习起来吧，原创不易，喜欢的朋友可以点赞、收藏也可以分享（注明出处）让更多人知道。

【本文地址】

公司简介

联系我们