基础 | Pyecharts绘图基础之图例配置项(LegendOpts)

简介: 基础 | Pyecharts绘图基础之图例配置项(LegendOpts)

大家好,我是欧K~

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

更多实例:

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


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:

from pyecharts import options as opts
from pyecharts.charts import Pie
from pyecharts.faker import Faker
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:

p1 = (
   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'



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

END


以上就是本期为大家整理的全部内容了,赶快练习起来吧,喜欢的朋友可以点赞、点在看也可以分享让更多人知道

相关文章
|
数据可视化 Python
堆叠柱状图(pyecharts足矣 既好看又简单
堆叠柱状图(pyecharts足矣 既好看又简单
931 0
|
JavaScript 数据可视化 定位技术
手把手教你用Pyecharts绘制地图~
大家好,我是志斌~ 今天来给大家分享一下如何用Pyecharts绘制地图。
2731 0
|
Python
python、十六进制的颜色对照表
英文代码  形像颜色  HEX格式  RGB格式 LightPink 浅粉色 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 255,192,203 Crimson 猩红 #DC143C 220,20,60 LavenderBlush 脸红的淡紫色 #FFF0F5 255.
8177 0
python、十六进制的颜色对照表
|
6月前
|
人工智能 搜索推荐 机器人
详解:Grok 3 官网入口_Grok 3国内中文版在线使用
Grok是xAI于2023年11月推出的创新型语言模型,它可不是一般的聊天机器人
|
安全 网络协议 网络安全
【网络连接】ping不通的常见原因+解决方案,如何在只能访问网关时诊断,并修复IP不通的问题
【网络连接】ping不通的常见原因+解决方案,如何在只能访问网关时诊断,并修复IP不通的问题
21681 0
|
自然语言处理 IDE 开发工具
通义灵码编程智能体上线,支持Qwen3模型
通义灵码最全使用指南,一键收藏。
128245 31
通义灵码编程智能体上线,支持Qwen3模型
|
10月前
|
人工智能 搜索推荐 Android开发
移动应用与系统:创新驱动,塑造未来数字生活新篇章###
【10月更文挑战第25天】 迅速崛起 本文深入探讨了移动应用与操作系统的发展脉络、技术创新及市场影响,通过具体案例分析,揭示了移动应用如何重塑用户行为模式与生活习惯,同时强调了移动操作系统在构建智能生态中的基石作用。我们还将展望5G、人工智能等前沿技术如何进一步推动这一领域迈向更加个性化、智能化的新阶段,展现一个由移动技术引领的未来数字生活图景。 ###
214 0
echarts图例legend实现默认选中显示状态的解决方案
echarts图例legend实现默认选中显示状态的解决方案
787 0
java.lang.NoClassDefFoundError: com/sun/jna/Callback
java.lang.NoClassDefFoundError: com/sun/jna/Callback
196 0
npm install 太慢?解决方法
npm install 太慢?解决方法
10761 0