学习了许多 pyecharts绘制的图形后,总想着,如果能将所有图片集中到一个页面就好了,这样就可以对不同的情况进行同时交互展示

pyecharts 中的 页面组件 Page 很好的解决的这个问题,能够将许多张图片,放在一起。

下面学习pyecharts作者给出的例子

(1)简单布局

# 导入要使用的模块
from pyecharts import options as opts
from pyecharts.charts import Bar, Grid, Line, Liquid, Page, Pie
from pyecharts.commons.utils import JsCode
from pyecharts.components import Table
from pyecharts.faker import Faker
from pyecharts.globals import ThemeType# 将每个图 封装到 函数# 1.条形图
def bar_datazoom_slider() -> Bar:c = (Bar(init_opts=opts.InitOpts(theme=ThemeType.MACARONS)).add_xaxis(Faker.days_attrs).add_yaxis("商家A", Faker.days_values).set_global_opts(title_opts=opts.TitleOpts(title="Bar-DataZoom(slider-水平)"),datazoom_opts=[opts.DataZoomOpts()],))return c# 2.带标记点的折线图
def line_markpoint() -> Line:c = (Line(init_opts=opts.InitOpts(theme=ThemeType.MACARONS)).add_xaxis(Faker.choose()).add_yaxis("商家A",Faker.values(),markpoint_opts=opts.MarkPointOpts(data=[opts.MarkPointItem(type_="min")]),).add_yaxis("商家B",Faker.values(),markpoint_opts=opts.MarkPointOpts(data=[opts.MarkPointItem(type_="max")]),).set_global_opts(title_opts=opts.TitleOpts(title="Line-MarkPoint")))return c# 3.玫瑰型饼图
def pie_rosetype() -> Pie:v = Faker.choose()c = (Pie(init_opts=opts.InitOpts(theme=ThemeType.MACARONS)).add("",[list(z) for z in zip(v, Faker.values())],radius=["30%", "75%"],center=["25%", "50%"],rosetype="radius",label_opts=opts.LabelOpts(is_show=False),).add("",[list(z) for z in zip(v, Faker.values())],radius=["30%", "75%"],center=["75%", "50%"],rosetype="area",).set_global_opts(title_opts=opts.TitleOpts(title="Pie-玫瑰图示例")))return c# 表格
def table_base() -> Table:table = Table()headers = ["City name", "Area", "Population", "Annual Rainfall"]rows = [["Brisbane", 5905, 1857594, 1146.4],["Adelaide", 1295, 1158259, 600.5],["Darwin", 112, 120900, 1714.7],["Hobart", 1357, 205556, 619.5],["Sydney", 2058, 4336374, 1214.8],["Melbourne", 1566, 3806092, 646.9],["Perth", 5386, 1554769, 869.4],]table.add(headers, rows).set_global_opts(title_opts=opts.ComponentTitleOpts(title="Table"))return tabledef page_simple_layout():
#    page = Page()   默认布局page = Page(layout=Page.SimplePageLayout)    # 简单布局# 将上面定义好的图添加到 pagepage.add(bar_datazoom_slider(),line_markpoint(),pie_rosetype(),table_base(),)page.render("page_simple_layout.html")if __name__ == "__main__":page_simple_layout()

(2)可拖动布局


注意:

可以将自己的布局保存为类型 txt 文件的 json 数据

改动位置

def page_simple_layout():page = Page(layout=Page.DraggablePageLayout)  # 将上面定义好的图添加到 pagepage.add(bar_datazoom_slider(),line_markpoint(),pie_rosetype(),table_base(),)page.render("page_simple_layout.html")

[pyecharts学习笔记]——页面组件 Page(顺序多图,将多个图将汇总到一个页面)相关推荐

  1. VBA学习笔记1:将同个文件夹中的工作簿汇总为一个工作簿,并建立目录超链接

    VBA学习笔记1:将同个文件夹中的工作簿汇总为一个工作簿,并建立目录超链接 1.将文件夹中的xlsx文件名复制到新工作簿: 2.将文件夹中的xlsx数据簿中的sheet复制到新表并重命名: 3.插入超 ...

  2. Python数据可视化——pyecharts学习笔记

    导读:Python数据可视化的库有很多,常见的有matplotlib.pyplot.Seaborn.pyecharts等. pyecharts是一款将python与echarts相结合的数据可视化库, ...

  3. Uniapp零基础开发学习笔记(5) -组件入门及容器组件使用

    Uniapp零基础开发学习笔记(5) -组件入门及容器组件使用 按照官网教程学习使用组件,并且重点把容器组件的应用进行了练习. 1.官网关于组件的介绍 组件是视图层的基本组成单元,是一个单独且可复用的 ...

  4. HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  5. Mini 容器学习笔记4——组件的生命周期(应用篇)

    Mini容器支持6中生命周期类型: 1. Singleton :单利类型(缺省组件都是单利类型的生命周期,由容器进行托管的) [Test]public void SingletonLifestyleT ...

  6. Mini 容器学习笔记6——组件的获取(应用)

    1. 通过组件Id获取组件实例: [Test]public void GetByIdTest(){ServiceRegistry.Register<Person>("person ...

  7. 学习笔记:CODESYS(顺序功能图SFC)

    学习笔记:CODESYS(顺序功能图SFC)

  8. 【QT 5 相关实验-仪表盘-学习笔记-表盘组件练习与使用总结】

    [QT 5 相关实验-仪表盘-学习笔记-表盘组件练习与使用总结] 1.概述 2.实验环境 3.参考资料-致谢 4.自我提升+实验效果 5.代码练习-学习后拆解 (1)头文件部分 (2)绘制事件+绘制表 ...

  9. 3天的LaTeX学习笔记 ψ`∇´ψ、白嫖2018年河南专升本高数试卷一个——源码

    3天的LaTeX学习笔记 ψ`∇´ψ.白嫖2018年河南专升本高数试卷一个--源码 开始咯,助你迅速tex(科学与艺术)入门 安装 测试一下 LaTeX_笔记 ->可直接copy使用 不要走开精 ...

最新文章

  1. IDEA高级用法:集成JIRA、UML类图插件、SSH、FTP、Database管理...
  2. 【SICP练习】91 练习2.64
  3. WCF系列之.net(4.0) 在网站使用Js调用Wcf Rest
  4. JSON 接口如何实现 RSA 非对称加密与签名
  5. 开发者必备的12个JavaScript库
  6. c++使用cin输入数据
  7. android 第三方登录界面,Android App集成第三方登录与换肤指南
  8. Combination Sum 和Combination Sum II
  9. python中获取异常描述与else用法
  10. 三维空间刚体运动4-4:四元数多点连续解析解插值方法:Spicv
  11. Linux最大能创建多少用户,如何在Linux中创建多个用户帐户?
  12. 3.2存储器层次结构
  13. KMP原理及使用的再总结
  14. 干货 | 高效阅读英文文献你必须知道的技巧
  15. 第六章:组合数据类型练习[人名独特性统计]学习思考
  16. 关于hash(一):基本概念
  17. html语言vb怎么定义数组,vb数组的定义方法是什么
  18. 文件上传漏洞揭密剖析(一)-文件上传漏洞原理
  19. 远程通信及AIO、BIO、NIO初级讲解
  20. 完成自己的Google测试框架

热门文章

  1. (c++)两道关于日期相减的题目
  2. 《程序设计基础》 第五章 函数 6-6 字符金字塔 (15 分)
  3. 关于fstream的flush
  4. iPhone X适配之启动图适配教程
  5. 稀疏矩阵的加法(用十字链表实现A=A+B)
  6. delphi android 打印机,用delphi控制小票打印机打印图片
  7. 欧文分校计算机新sat多少分录取,加州大学欧文分校SAT成绩要求介绍 入学信息早知道...
  8. DM数据库windwos和linux环境单机安装部署
  9. Python多态与鸭子类型
  10. 数据结构作业-严蔚敏-5.2.(3)