Pyecharts 绘制20钟不同风格的炫酷交互式图表，建议收藏

最新推荐文章于 2023-06-01 11:48:54 发布
最新推荐文章于 2023-06-01 11:48:54 发布
阅读量763 收藏 8
点赞数 1
文章标签： 可视化 nokia qml cakephp nagios
原文链接：https://mp.weixin.qq.com/s?__biz=Mzg4NDQwNTI0OQ==&mid=2247551388&idx=3&sn=694b8629e90603a378728e17654dda54&chksm=cfbaecf2f8cd65e44826b700bac95454c7718de04843bb425a5d0d73c68e3e9c427e05de5912&scene=126&&sessionid=0
版权

9b99a52eee11209b73d0c8e724905f97.gif

作者 | 俊欣

来源 | 关于数据分析与可视化

今天小编来给大家介绍一下如何在Pyecharts当中画出炫酷的图表，通过该模块当中的一系列设置，本文我们大致会介绍pyecharts当中的

e3e7568387a9f17a4e24217e3a15811c.png

Theme图表背景

Pyecharts模块内部内置了10多种不同风格的图表绘制样式，分别是

LIGHT = "light"
DARK = "dark"
WHITE = "white"
CHALK: str = "chalk"
ESSOS: str = "essos"
INFOGRAPHIC: str = "infographic"
MACARONS: str = "macarons"
PURPLE_PASSION: str = "purple-passion"
ROMA: str = "roma"
ROMANTIC: str = "romantic"
SHINE: str = "shine"
VINTAGE: str = "vintage"
WALDEN: str = "walden"
WESTEROS: str = "westeros"
WONDERLAND: str = "wonderland"
HALLOWEEN: str = "halloween"

我们依次来看一下每一种风格出来的样子，这次我们用到的数据集依然是Pyecharts模块当中内置的模块,当然我们首先需要导入相对应的模块

from pyecharts import options as opts
from pyecharts.charts import Bar, Page
from pyecharts.faker import Collector, Faker
from pyecharts.globals import ThemeType

  • Light

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.LIGHT))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Light"))
    )

c.render("1.html")

output

d29e6c7b8aac7c53a5bc09c32915b35d.png

  • Dark

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.DARK))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Dark"))
    )

c.render("2.html")

output

2d993356bfbb86b800def24ff3ed6a5b.png

  • Chalk

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.CHALK))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Chalk"))
    )

c.render("3.html")

output

f5358c3bcafb567fa305f9de39922540.png

  • Essos

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.ESSOS))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Essos"))
    )

c.render("4.html")

output

97c775bf760c47ba4170bd3d03ce5e2d.png

  • Infographic

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.INFOGRAPHIC))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Infographic"))
    )

c.render("5.html")

output

e8177c90dd1b87212be7b36d6cd4ac3f.png

  • Macarons

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.MACARONS))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Macarons"))
    )

c.render("6.html")

output

0e74947557ec5a40395cd6566c197fd7.png

  • Purple_Passion

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.PURPLE_PASSION))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-PURPLE_PASSION"))
    )

c.render("7.html")

output

dbe13531f41e7d33a5131dd960ac9dcc.png

  • Roma

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.ROMA))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-ROMA"))
    )

c.render("8.html")

output

812c7f647a5fdfe8e5116fa241d22431.png

  • Romantic

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.ROMANTIC))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-ROMANTIC"))
    )

c.render("9.html")

output

b4d1452327201bc009bdd92dbcc96010.png

  • Shine

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.SHINE))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Shine"))
    )

c.render("10.html")

output

8100a93a24935bb7d413e0218675da99.png

  • Vintage

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.VINTAGE))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Vintage"))
    )

c.render("11.html")

output

9b6c78cbfca9b12d7ec257f6d0e1d87b.png

  • Walden

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.WALDEN))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Walden"))
    )

c.render("12.html")

output

caea0679ef5de895d706efe3134ecd25.png

  • Westeros

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.WESTEROS))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Westeros"))
    )

c.render("13.html")

output

39258527e774c0637510d60a1a455e3a.png

  • Wonderland

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.WONDERLAND))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Wonderland"))
    )

c.render("14.html")

output

9895781a749757f1d19efc25c66e8a0b.png

  • Halloween

c = (
        Bar(init_opts=opts.InitOpts(theme=ThemeType.HALLOWEEN))
        .add_xaxis(Faker.choose())
        .add_yaxis("商家A", Faker.values())
        .add_yaxis("商家B", Faker.values())
        .add_yaxis("商家C", Faker.values())
        .add_yaxis("商家D", Faker.values())
        .set_global_opts(title_opts=opts.TitleOpts("Theme-Halloween"))
    )

c.render("15.html")

output

56ec8fbe204c6b6205cf8361d520ee23.png

图片带有背景图

我们同时还能为自己绘制的图表配上自带的背景图片

c = (
    Bar(
        init_opts=opts.InitOpts(
            bg_color={"type": "pattern", "image": JsCode("img"), "repeat": "no-repeat"}
        )
    )
    .add_xaxis(Faker.choose())
    .add_yaxis("商家A", Faker.values())
    .add_yaxis("商家B", Faker.values())
    .set_global_opts(
        title_opts=opts.TitleOpts(
            title="Bar-背景图基本示例",
            subtitle="我是副标题",
            title_textstyle_opts=opts.TextStyleOpts(color="white"),
        )
    )
)
c.add_js_funcs(
    """
    var img = new Image(); img.src = 'https://t7.baidu.com/it/u=2638406194,523661981&fm=193&f=GIF';
    """
)
c.render("柱状图-自带背景图.html")

output

05d34be6a09c1847f8205f105dd12a0a.png

好吧，最后一张稍微有点丑，但是读者朋友们可以替换成自己喜欢的背景图片，说不定会非常的好看。

所以看了这么多张图之后，你们最喜欢哪种风格的呢？评论区留言~

7a652e7cf8f4996602303e92b99d9cd7.gif

4a8fb86e4c0f2975b7e7570b46c5cb32.png

往

期

回

顾

资讯

OpenAI真的open了，更加开放

资讯

Meta新语音模型可支持128种语言交流

资讯

Meta研发触觉手套助力元宇宙

论坛

移动云区块链开发者论坛来了！

ea85cd7e8016b3d136b9adc24d81415b.png

分享

080120b6f78c34b192516f12dbed3312.png

点收藏

b51c64cbb32099b5d81d0e90883c934f.png

点点赞

81228f5dabc54cdb0e4db5080312574c.png

点在看

AI科技大本营
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Pyecharts50例】添加背景图片/Logo
AwesomeTang
03-28 4791
前言 在Pyecharts中有个图形组件，可以添加图片到图表中。 class GraphicImage( # 图形的配置项，参考 GraphicItem graphic_item: Union[GraphicItem, dict, None] = None, # 图形图片样式的配置项 graphic_imagestyle_opts: Union[GraphicImageStyleOpts, dict, None] = None, ) class GraphicImageS
【Pyecharts50例】图表背景颜色设置
AwesomeTang
03-28 6212
前言 自定义图表的背景颜色： 除了普通的颜色，也支持渐变色哦，渐变色的配置在之前文章中讲过，有兴趣可以前往【渐变色效果柱状图（直方图）～】 完整示例 完整代码 #!/usr/bin/env python # -*- coding: utf-8 -*- # @Author : AwesomeTang # @File : scatter_with_custom_bgColor.py # @Version : Python 3.7 # @Time : 2020-11-15 17:53 from
python的pyecharts绘制各种图表详细（附代码）
09-18
主要介绍了python的pyecharts绘制各种图表详细（附代码），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
如何使用pyecharts中的主题样式？
老马的程序人生
06-19 3949
pyechart给使用用户提供了一套主题样式，使用户对其的使用更加方便。本篇将总结pyecharts.globals中ThemeType所有主题风格并进行详细的解释。 class _ThemeType: BUILTIN_THEMES = ["light", "dark", "white"] LIGHT = "light" # 明亮风格 DARK = "dark" # 暗黑风 WHITE = "white" # 洁白风 CHALK: str = "chalk" # 粉笔
pyecharts主题theme风格推荐
晨晨渝奇的博客
01-21 1555
| CHALK = ‘chalk’ #粉笔风 | | DARK = ‘dark’ #暗黑风 | | ESSOS = ‘essos’ #厄索斯大陆 | | INFOGRAPHIC = ‘infographic’ #信息图 | | LIGHT = ‘light’ #明亮风格 | | MACARONS = ‘macarons’ #马卡龙 | | PURPLE_PASSION = ‘purple-passion’ #紫色激情 | | ROMA = ‘roma’ #石榴 | | ROMANTIC
pyecharts自适应,跟随屏幕大小变化大屏显示
weixin_42262769的博客
06-24 8146
pyecharts 自适应屏幕显示 问题： 当pyecharts生成多图片在HTML中，希望其跟随屏幕大小显示，以适应不同尺寸屏幕。提高用户体验。 避免由于排版问题，造成视觉影响。 为此我们主要通过修改pyecharts render配置文件macro/simple_chart.html即可完成显示效果。 ...
数据可视化图表配色方案 - ppt/echarts/highcharts
Ma Ding的博客
05-26 1万+
数据可视化分析配色方案来袭，有需要的小伙伴可参考以下… 废话少说、上图…┭┮﹏┭┮ 色系目录 复古 新特性 渐变 清新 怀旧 商务 明亮 雅致 柔和 淡雅 经典 艳丽 科技 炫彩1 炫彩2 简洁1 简洁2 冷色1 冷色2 暖色 配色1 - 复古 序号 HEX 颜色码 RGB 颜色码 1 #0780cf 7,128,207 2 #765005 118,80,5 3 #fa6d1d 250,109,29 4 #0e2c82 14,44,130 5 #b6b51f .
数学建模番外篇9：Pyecharts绘图整理
兴趣使然的创作者
02-17 1570
前言 Echarts是百度开源的比较强大的绘图工具，但其是用Js来操控的，使用案例大全： https://echarts.apache.org/examples/zh/index.html#chart-type-custom 有人在此基础上进行二次开发，衍生出pycharts，本篇将记录一些pyecharts中的一些个人认为比较精彩的图表。 pyecharts中文文档：https://pyecharts.org/#/zh-cn/intro pyecharts案例大全：https://gallery.pyec
pyecharts学习笔记-主题风格(初始化配置InitOpts)
laoluobo76的博客
10-13 2858
pyecharts学习笔记：主题风格
Python之pyecharts的常见用法2-柱状图-折线图
weixin_42636075的博客
06-01 1798
Pyecharts是一个基于Echarts的Python可视化库，可以用Python语言轻松地生成各种交互式图表和地图。它支持多种图表类型，包括折线图、柱状图、散点图、饼图、地图等，并且可以通过简单的API调用实现数据可视化。
HTML5 canvas实现的炫酷流光线性花形图案绘制动画效果源码.zip
11-03
这个“HTML5 canvas实现的炫酷流光线性花形图案绘制动画效果源码”文件，显然是一个利用canvas API创建的交互式动画示例。下面，我们将深入探讨HTML5 canvas以及如何利用它来实现这种复杂而引人注目的视觉效果。 ...
Android酷炫图表
05-09
可以通过缓存计算结果、使用异步加载、减少不必要的绘制等方式提升图表的显示速度。 9. **适配多屏幕**： - 考虑到Android设备的屏幕尺寸和分辨率差异，开发者需要确保图表在不同设备上都能正确显示。这可能需要...
html5 echarts图表插件炫光的分布地图动画特效
09-08
HTML5是一种先进的网页标记语言，它为Web开发者提供了丰富的功能和强大的工具，使得网页内容更加生动、交互性更强。...对于Web开发者来说，掌握这些技能将有助于创造出更多创新和引人入胜的交互式网页应用。
超赞的逻辑图表设计灵感.pptx
11-27
描述中没有具体的信息，但我们可以推测这份文件可能通过不同的图表类型和设计风格展示了如何有效地传达复杂信息，提升用户体验，以及在科技和创新领域的应用。 标签“科技感”和“炫酷”暗示了这些图表设计可能采用...
javascript 3D炫酷地球动画，基于echarts实现
05-10
在本项目中，我们探索了如何使用JavaScript和ECharts库创建一个3D炫酷的地球动画。ECharts是一个基于HTML5 Canvas技术的数据可视化库，它提供了丰富的图表类型和交互功能，使得开发人员能够轻松地构建出具有吸引力的...
python的pyecharts绘制各种图表详细（代码）
热门推荐
goodloving的博客
04-17 15万+
环境：pyecharts库，echarts-countries-pypkg，echarts-china-provinces-pypkg，echarts-china-cities-pypkg 数据：2018年4月16号的全国各地最高最低和天气类型的数据——2018-4-16.json（爬虫爬的）代码：天气数据爬虫代码，图表绘制代码 代码地址：https://github.com/goodloving...
pyecharts运行了但是没有图_新版pyecharts,Python可视化so easy and powerful !
weixin_39609500的博客
11-29 3912
作者：chenjiandongx一个执迷于写 bug 的程序员pyecharts V1.0.0 版本正式发布啦！What's New in pyecharts V1pyecharts 经过了半年的沉寂后，终于发布了新版本啦！新版本号将从 v1.0.0 开始，这是一个全新的，向下不兼容的 pyecharts 版本。不过如果开发者以前接触过 pyecharts 的话，新版本对于你们来说也是会...
Python可视化神器——pyecharts的超详细使用指南！
云度
02-11 2万+
前言    我们都知道python上的一款可视化工具matplotlib,而前些阵子做一个Spark项目的时候用到了百度开源的一个可视化JS工具-Echarts，可视化类型非常多，但是得通过导入js库在Java Web项目上运行，平时用Python比较多，于是就在想有没有Python与Echarts结合的轮子。Google后，找到一个国人开发的一个Echarts与Python结合的轮子：pyec...
pyecharts学习笔记
机器学习、数据挖掘
06-13 2万+
        echarts是百度可视化工具，图形的可视化效果很好，pyecharts是利用python实现生成echarts图表的类目，功能非常强大，用了之后瞬间被圈粉了，以下为学习笔记 中文官方文档：点击打开链接 1.基本语法学习 from pyecharts import Bar bar = Bar("我的第一个图表", "这里是副标题") bar.add("服装", ["衬衫",...
pyecharts交互式图形绘制
最新发布
12-19
以下是使用pyecharts绘制交互式图形的示例： ```python import pyecharts x = [10, 20, 30, 40, 50, 60] y = [10, 20, 30, 40, 50, 60] scatter = pyecharts.Scatter("散点图示例") scatter.add("A", x, y, is_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值