Python 手绘风格可视化神包：cutecharts

以你之姓@ 2023-01-02 09:30 142阅读 0赞

# 前言 #

本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理。

以下文章来源于Python测试和开发 ，作者：phyger

**Python爬虫、数据分析、网站开发等案例教程视频免费在线观看**

https://space.bilibili.com/523606542

和 Matplotlib 、pyecharts 等常见的图表不同，使用这个包可以生成下面这种看起来像手绘的各种图表，在一些场景下使用效果可能会更好。

![822e9b62c898a84ca4264dd5214f810d.png][]

GitHub 地址：

[https://github.com/chenjiandongx/cutecharts][https_github.com_chenjiandongx_cutecharts]

怎么画出这些图表呢，很简单，一行命令先安装好该库：

pip install cutecharts

也可以使用源码安装的方式：

$ git clone https://github.com/chenjiandongx/cutecharts.git
    $ cd cutecharts
    $ pip install -r requirements.txt
    $ python setup.py install

下面就介绍下每个图表如何绘制。

首先是一些图表共通的参数：

# Commons #

不同图表有着部分相同的方法。

**init**

![859755c4e791765dda022def3fa800c7.png][]

**render**

![4d0945ad8a9c37fe341cd611f7953db4.png][]

**render\_notebook**

![df48f5dd11487a4e4a01b9913557709c.png][]

**load\_javascript**

加载 JS 依赖，在 JupyterLab 渲染时使用。

# Bar（柱状图） #

> cutecharts.charts.Bar

**API**

> cutecharts.charts.Bar.set\_options

![0990e7c7447e66830ca3442d39b3d2e0.png][]

> cutecharts.charts.Bar.add\_series

![832374b575ca0bb9791bad899ff828c2.png][]

**Demo**

> Bar-基本示例

from cutecharts.charts import Bar
    from cutecharts.components import Page
    from cutecharts.faker import Faker
    
    def bar_base() -> Bar:
        chart = Bar("Bar-基本示例")
        chart.set_options(labels=Faker.choose(), x_label="I'm xlabel", y_label="I'm ylabel")
        chart.add_series("series-A", Faker.values())
        return chart
    
    bar_base().render()

![6446fe40c3adc1e8edbb0ef3eb74a12e.png][]

> Bar-调整颜色

def bar_tickcount_colors():
        chart = Bar("Bar-调整颜色")
        chart.set_options(labels=Faker.choose(), y_tick_count=10, colors=Faker.colors)
        chart.add_series("series-A", Faker.values())
        return chart

![3b6665e413d67e6ff3c1ef53e84f699b.png][]

# Line（折线图） #

> cutecharts.charts.Line

**API**

> cutecharts.charts.Line.set\_options

Params                                               Desc
    ------                                               ----
    labels: Iterable                                     X 坐标轴标签数据
    x_label: str = ""                                    X 坐标轴名称
    y_label: str = ""                                    Y 坐标轴名称
    y_tick_count: int = 3                                Y 轴刻度分割段数
    legend_pos: str = "upLeft"                           图例位置，有 "upLeft", "upRight", "downLeft", "downRight" 可选
    colors: Optional[Iterable] = None                    label 颜色数组
    font_family: Optional[str] = None                    CSS font-family

> cutecharts.charts.Line.add\_series

![010c9edef8f2b498e7c6c9ab22d1a7eb.png][]

**Demo**

> Line-基本示例

from cutecharts.charts import Line
    from cutecharts.components import Page
    from cutecharts.faker import Faker
    
    def line_base() -> Line:
        chart = Line("Line-基本示例")
        chart.set_options(labels=Faker.choose(), x_label="I'm xlabel", y_label="I'm ylabel")
        chart.add_series("series-A", Faker.values())
        chart.add_series("series-B", Faker.values())
        return chart
    line_base().render()

![0501f245569235622ea385fe3e8b3028.png][]

> Line-Legend 位置

def line_legend():
        chart = Line("Line-Legend 位置")
        chart.set_options(labels=Faker.choose(), legend_pos="upRight")
        chart.add_series("series-A", Faker.values())
        chart.add_series("series-B", Faker.values())
        return chart

![bf0926f1e92cbf9d9849b819d53dffe4.png][]

> Line-调整颜色

def line_tickcount_colors():
        chart = Line("Line-调整颜色")
        chart.set_options(labels=Faker.choose(), colors=Faker.colors, y_tick_count=8)
        chart.add_series("series-A", Faker.values())
        chart.add_series("series-B", Faker.values())
        return chart

![4ac6ab308f479f9bd7b641affbe8f41d.png][]

# Pie（饼图） #

> cutecharts.charts.Pie

> cutecharts.charts.Pie.set\_options

Params                                                 Desc
    ------                                                 ----
    labels: Iterable                                       数据标签列表
    inner_radius: float = 0.5                              Pie 图半径
    legend_pos: str = "upLeft"                             图例位置，有 "upLeft", "upRight", "downLeft", "downRight" 可选
    colors: Optional[Iterable] = None                      label 颜色数组
    font_family: Optional[str] = None                      CSS font-family

> cutecharts.charts.Pie.add\_series

Params                                    Desc
    ------                                       ----
    data: Iterable                          series 数据列表

**Demo**

> Pie-基本示例

from cutecharts.charts import Pie
    from cutecharts.components import Page
    from cutecharts.faker import Faker
    
    def pie_base() -> Pie:
        chart = Pie("Pie-基本示例")
        chart.set_options(labels=Faker.choose())
        chart.add_series(Faker.values())
        return chart
    
    pie_base().render()

![069a0509893a730ef6bb399697bfe9e0.png][]

> Pie-Legend

def pie_legend_font():
        chart = Pie("Pie-Legend")
        chart.set_options(
            labels=Faker.choose(),
            legend_pos="downLeft",
            font_family='"Times New Roman",Georgia,Serif;',
        )
        chart.add_series(Faker.values())
        return chart

![521aab025a409a454530aa9e6c26c237.png][]

> Pie-Radius

def pie_radius():
        chart = Pie("Pie-Radius")
        chart.set_options(
            labels=Faker.choose(),
            inner_radius=0,
        )
        chart.add_series(Faker.values())
        return chart

![9bd7d41c40f821a5a10eb81b3a82b753.png][]

[822e9b62c898a84ca4264dd5214f810d.png]: /images/20221119/6e2657fc792f48db8f273d0a259987e7.png
[https_github.com_chenjiandongx_cutecharts]: https://github.com/chenjiandongx/cutecharts
[859755c4e791765dda022def3fa800c7.png]: /images/20221119/b595a6e316aa437c90909e2f51cf71ed.png
[4d0945ad8a9c37fe341cd611f7953db4.png]: /images/20221119/1de67db378384f7fb96c9bf374b18e81.png
[df48f5dd11487a4e4a01b9913557709c.png]: /images/20221119/c4b6be44b3e14734ab489c8f590ff25d.png
[0990e7c7447e66830ca3442d39b3d2e0.png]: /images/20221119/606cc25b535e44f39a0a5cedf26ef66f.png
[832374b575ca0bb9791bad899ff828c2.png]: /images/20221119/dbbfc20ff86342e39c8a3526d6956103.png
[6446fe40c3adc1e8edbb0ef3eb74a12e.png]: /images/20221119/1100e1f513064471b91db7efbd897a58.png
[3b6665e413d67e6ff3c1ef53e84f699b.png]: /images/20221119/8328024b592448a4ab5bcf88fce6655b.png
[010c9edef8f2b498e7c6c9ab22d1a7eb.png]: /images/20221119/117cb73d4d064b3c9c81bcabb88e3a68.png
[0501f245569235622ea385fe3e8b3028.png]: /images/20221119/e9f4b1b7ffe8436387c5f6207f9dda32.png
[bf0926f1e92cbf9d9849b819d53dffe4.png]: /images/20221120/8d7ae2a43a494d57abd8e5ec114d3eae.png
[4ac6ab308f479f9bd7b641affbe8f41d.png]: /images/20221120/e8c55e6c72ad4f94b943da074ec050d5.png
[069a0509893a730ef6bb399697bfe9e0.png]: /images/20221120/c1956d87931b4f499b694ab0e9e9eb7d.png
[521aab025a409a454530aa9e6c26c237.png]: /images/20221120/d47bb4f2a3da4e2c93a57d15acc2be20.png
[9bd7d41c40f821a5a10eb81b3a82b753.png]: /images/20221120/715271890bf34d3ca81d98805cb42081.png