首页 > 其他分享 >pyecharts配置项说明

pyecharts配置项说明

时间:2023-10-25 16:35:22浏览次数:38  
标签:pyecharts color 配置 默认 说明 图例 opts

pyecharts配置项说明

一、全局配置项

在pyecharts中,一切皆配置!

pyecharts全局配置项:全局配置项 - pyecharts - A Python Echarts Plotting Library built with love.

全局配置项可通过 set_global_opts 方法设置

image-20231025092059035

InitOpts:初始化配置

初始化配置是在实例化图形类初始化的: c = Bar(init_opts= opts.InitOpts())

from pyecharts.charts import Bar
from pyecharts.faker import Faker
from pyecharts import options as opts  # 导入配置项
from pyecharts.globals import ThemeType, RenderType # 主题与渲染风格

c = (
    Bar(  # 初始化配置项:
        init_opts=opts.InitOpts(
            width='700px',
            height='400px',  # 图表画布的大小,css长度单位
            page_title='网页标题',  # html网页
            theme=ThemeType.WHITE,  # 主题颜色
            bg_color='white'  # 背景颜色
        ))
    
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .render("InitOpts初始化配置项.html")
)

image-20231025094844268

标题与缩放配置

.set_global_opts( )

from pyecharts.charts import Bar
from pyecharts.faker import Faker
from pyecharts import options as opts  # 导入配置项
from pyecharts.globals import ThemeType, RenderType

c = (
    Bar(  # 初始化配置项:
        init_opts=opts.InitOpts(
            width='700px',
            height='400px',  # 图表画布的大小,css长度单位
            page_title='网页标题',  # html网页
            theme=ThemeType.WHITE,  # 主题颜色
            bg_color='white'  # 背景颜色
        ))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())

        .set_global_opts(
        # TitleOpts标题配置项

        title_opts=opts.TitleOpts(
            title='主标题',  # 主标题
            title_link='http://www.baidu.com',  # 主标题点击跳转
            title_target='blank',  # 默认为blank新窗口打开,self当前窗口打开

            subtitle='副标题',  # 副标题
            subtitle_link='http://www.baidu.com',  # 副标题点击跳转
            subtitle_target='blank',

            # 标题位置配置
            pos_left='20px',  # 默认值为5px 这里的值可以为 20%、left center、right
            # pos_right
            # pos_bottom
            # pos_top
            padding=10,  # 内边距
            item_gap=5,  # 主标题与副标题的距离
        ),
        # DataZoomOpts:区域缩放配置项
        datazoom_opts=opts.DataZoomOpts(
            is_show=True,  # 默认Ture,是否显示组件
            type_='slider',  # 默认为拖动 slider、inside(滚动)
            is_realtime=True,  # 拖动时是否实时更新图表
            range_start=20,  # 数据窗口的起始百分比
            range_end=80,  # 数据窗口的结束百分比
            orient='horizontal',  # horizontal水平或vertical垂直
            is_zoom_lock=False,  # 是否锁定选择区域

        )

    )

        .render("标题与缩放配置项.html")
)
  • 注意点:逗号别忘了

image-20231025104607173

LegendOpts:图例配置项

        # LegendOpts:图例配置项
        legend_opts=opts.LegendOpts(
            # 图例类型:plain 普通图例(默认),scroll:可以滚动翻页的滚动图例,用于图例比较多的情况
            type_='plain',
            is_show=True,  # 是否显示图例
            #  图例位置 与上述一致: pos_left pos_top...
            pos_left='center',
            # 图例布局:horizontal 或 vertical
            orient='horizontal',
            # 选择模式
            # True : 开启图例点击(默认)切换展示数据
            # False: 关闭图例点击
            # single:单选,只显示单项图例数据
            # multiple : 多选(默认)
            selected_mode='multiple',

            # 图标与文字的位置 auto(默认)right、left
            align='left',
            padding=10,  # 内边距
            item_gap=5,  # 图例中每项之间的间距
            item_width=30,  # 每项图例的宽度
            item_height=14,  # 每项图例的高度
            inactive_color='#ccc',  # 图例关闭时的颜色

            # pyEcharts中常见的图标:circle、rect、roundRect、triangle、diamond、arrow
            legend_icon='roundRect',  # 默认为圆角长方形

        ),

image-20231025111318667

VisualMapOpts:视觉映射配置

        # VisualMapOpts:视觉映射
        visualmap_opts=opts.VisualMapOpts(
            is_show=True,
            # 默认为color,size
            type_='color',
            min_=0,  # 默认最小值为0
            max_=150,  # 默认最大值为100
            range_opacity=0.7,  # 图元(比如柱形图)与文字的透明度
            range_text=['max', 'min'],  # 两端的文本
            range_color=['blue', 'green', 'red'],  # 自定义过渡颜色

            # 对齐方式 : vertical(默认)、horizontal
            orient='vertical',
            # 图例位置:pos_left、pos_right、pos_bottom、pos_top
            is_piecewise=False,  # 默认,是否分段
            is_inverse=False,  # 默认,是否翻转(比如递增-递减)

        ),

image-20231025113506019

TooltipOpts: 提示框配置

        # TooltipOpts:提示框配置项
        tooltip_opts=opts.TooltipOpts(
            is_show=True,  # 默认为True

            # 触发类型
            # item:数据项,一般用于散点图、柱形图、饼图
            # axis: 坐标轴,提示线,主要用于条形图、折线图
            trigger='item',
            # 触发条件:mousemove,click,mousemove|click
            trigger_on='mousemove|click',  # 默认移动或点击

            is_show_content=True,  # 是否提示款浮层(内容)
            # 标签内容的格式
            # 字符串中模板变量:
            # {a}:系列名series_name
            # {b}:数据名
            # {c}:值
            formatter='{a}:{b}-{c}',
            background_color='black',  # 提示款的背景颜色
            border_width=0.8,  # 边框的宽度
        ),

image-20231025115405037

AxisOpts: 坐标轴配置项

        # 坐标轴配置项
        # X轴配置
        xaxis_opts=opts.AxisOpts(
            is_show=True,

            # 坐标轴类型:
            # value:数值轴,用于连续数据
            # category :类目轴,用于离散数据,比如周一、周二
            # time:时间轴,适合连续的时序数据
            type_='category'
        ),
        yaxis_opts=opts.AxisOpts(
            # is_show=False,
            # 不显示y轴的线:
            axisline_opts=opts.AxisLineOpts(is_show=False),
            # 不显示y轴的刻度
            axistick_opts=opts.AxisTickOpts(is_show=False),

        ),

image-20231025150229152

二、系列配置项

系列配置项通过 set_series_opts 方法来设置

ItemstyleOpts:图元样式配置项

from pyecharts.charts import Line
from pyecharts.faker import Faker
from pyecharts import options as opts  # 导入配置项

c = (
    Line(  # 初始化配置项:
        init_opts=opts.InitOpts(
            width='700px',
            height='400px',  # 图表画布的大小,css长度单位
        ))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())

        .set_global_opts(
        title_opts=opts.TitleOpts(
            title='折线图'
        ),
        tooltip_opts=opts.TooltipOpts(
            trigger='axis'
        )
    )
        .set_series_opts(
        # 图元样式
        itemstyle_opts=opts.ItemStyleOpts(
            # 图的颜色
            # 使用纯色
            # 使用RGB,rgb(120,120,120) 0-125
            # 使用RGBA,rgba(120,120,120,0.5) 最后参数为透明度
            # 十六进制:#ccc
            color='blue',
            # 透明度
            opacity=0.6,
            border_width=2,  # 边框宽度
            border_color='green',  # 边框的颜色
        ),
    )
        .render('系列配置项说明.html')  # 这行代码不能写在前面
)

image-20231025153800063

LineStyleOpts:线样式配置项

        # LineStyleOpts:线样式配置项
        linestyle_opts=opts.LineStyleOpts(
            is_show=True,
            width=2,  # 线宽
            color='green',  # 线的颜色
            type_='solid',  # solid(实线)、dashed(虚线)、dotted(点线)
        ),

image-20231025154235987

  • 绿色的线,但是依旧是蓝色的数字标签

LabelOpts: 标签配置项

        # 标签配置项
        label_opts=opts.LabelOpts(
            is_show=True,
            # 位置:top、left、right、bottom
            # inside(里面),insideLeft,insideRight...
            position='top',
            color='red',  # 颜色
            font_size=14,  # 字体大小
            font_family='Arial',  # 字体样式
            font_style='normal',  # 是否斜体 italic
            font_weight='normal', # 是否加粗 bold

            # 标签旋转 -90度到90度
            rotate= 40,

        ),

image-20231025155236036

MarkAreaOpts:标记点配置项

        # 标记点配置项
        markpoint_opts=opts.MarkAreaOpts(
            data=[
                # type_:特殊标记类型:min、max、average
                # symbol:标记的图形(默认最好)
                # symbol_size:标记点大小
                opts.MarkPointItem(type_='max', symbol='pin', symbol_size=50),
                # 可以有多个标记点
                opts.MarkPointItem(type_='min'),

            ]
        ),

image-20231025160504885

MarkLineOpts: 标记线配置项:

        # 标记线配置项
        markline_opts=opts.MarkLineOpts(
            data=[
                # 参数和标记点的参数是一样的
                opts.MarkPointItem(type_='average')
            ],
            label_opts=opts.LabelOpts(
                color="red"
            ),
        )

image-20231025161801985

标签:pyecharts,color,配置,默认,说明,图例,opts
From: https://www.cnblogs.com/luoluoange/p/17787516.html

相关文章

  • RecureCRT连接VMware虚拟机Centos7及网络配置
    1.确认物理机ip地址2.打开VMware,点击网络适配器并且选择NET模式3.打开WMware,点击左上角编辑,虚拟网络编辑器,设置子网ip和子网掩码 4.设置好之后点击上图中的NET设置,查看网关IP5.打开并进入虚拟机,配置网络信息,输入如下命令:vim/etc/sysconfig/network-scripts/ifconfig-e**......
  • Vue中 使用 Scss 实现配置、切换主题
    1.样式文件目录介绍本项目中的公共样式文件均位于src/assets/css目录下,其中index.scss是总的样式文件的汇总入口,common.scss是供全局使用的一些基本样式(常量),_theme.scss、_handle.scss两个文件是进行主题颜色配置的文件。如下图,将index.scss在main.js文件中引入即可全......
  • 关于32位MCU GPIO八种工作模式配置
    参考链接:https://mp.weixin.qq.com/s/vgYzCcxmsfn7BGWERHfITQ通常,32位MCU的GPIO有多种配置方式,如STM32、CH32MCU的GPIO引脚都有八种配置方式,总体可分为两类:输入和输出。其中:输入可分为:浮空输入上拉输入下拉输入模拟输入输出可分为开漏输出推挽输出复用开漏输出复用......
  • MySQL 常用配置及备份脚本
    1.查看配置文件位置 mysql--verbose--help|grepmy.cnf2.给一个用户赋予权限GRANTALLONradiansdb.*TO'admin'@'%';3.显示权限SHOWGRANTSFOR'admin'@'%';4.MySql会读取多个my.cnfMySql不仅会读取设置的默认配置文件,如果设置的默认配置不是/etc/m......
  • SpringBoot自动配置原理解析 | 京东物流技术团队
    1:什么是SpringBoot自动配置首先介绍一下什么是SpringBoot,SpringBoost是基于Spring框架开发出来的功能更强大的Java程序开发框架,其最主要的特点是:能使程序开发者快速搭建一套开发环境。SpringBoot能将主流的开发框架(例如SpringMVC,Dubbo,Mybatis,Redis等),做到像Maven导入Jar包一样......
  • 华为云耀云服务器L实例:初级篇-conda与python环境配置
     华为云耀云服务器L实例是一款可快速部署且易于运维的轻量级云服务器,专为中小企业和入门级开发者打造。它不仅拥有华为云擎天架构的强大性能,还具有多项用户体验优化方案,让用户轻松上手,享受简单上云的乐趣。本产品网址为:https://www.huaweicloud.com/product/hecs-light.html......
  • 华为云耀云服务器L实例:初级篇-mysql安装与配置
     华为云耀云服务器L实例是一款可快速部署且易于运维的轻量级云服务器,专为中小企业和入门级开发者打造。它不仅拥有华为云擎天架构的强大性能,还具有多项用户体验优化方案,让用户轻松上手,享受简单上云的乐趣。本产品网址为:https://www.huaweicloud.com/product/hecs-light.html......
  • 华为云耀云服务器L实例:初级篇-tomcat配置部署
     华为云耀云服务器L实例是一款可快速部署且易于运维的轻量级云服务器,专为中小企业和入门级开发者打造。它不仅拥有华为云擎天架构的强大性能,还具有多项用户体验优化方案,让用户轻松上手,享受简单上云的乐趣。本产品网址为:https://www.huaweicloud.com/product/hecs-light.html......
  • 华为云耀云服务器L实例:初级篇-java环境配置
     华为云耀云服务器L实例是一款可快速部署且易于运维的轻量级云服务器,专为中小企业和入门级开发者打造。它不仅拥有华为云擎天架构的强大性能,还具有多项用户体验优化方案,让用户轻松上手,享受简单上云的乐趣。本产品网址为:https://www.huaweicloud.com/product/hecs-light.html......
  • Emqx5 版本 修改默认配置文件
    ##NOTE:##Configsinthisfilemightbeoverriddenby:##1.Environmentvariableswhichstartwith'EMQX_'prefix##2.File$EMQX_NODE__DATA_DIR/configs/cluster-override.conf##3.File$EMQX_NODE__DATA_DIR/configs/local-override.conf####......