这个折线图,惊艳到我了!

共 1272字,需浏览 3分钟

 ·

2021-12-15 07:35

点击上方蓝色字体,关注程序员zhenguo


你好,我是 zhenguo
这是我的第487篇原创

展现多个系列的数据,一般习惯使用柱状图或折线图。本文使用个人比较喜爱的Pyecharts库,绘制呈现多个系列数据的普通折现图(line chart)、堆叠图(stack chart)、面积堆叠图(stack area chart)。

环境准备

首先安装Pyecharts,我使用的是最新版本:1.9.1,团队介绍会在明年发布2.0版本。

其次,导入以下模块:

import pyecharts.options as opts
from pyecharts.charts import Line
from pyecharts.commons.utils import JsCode

optionsLine都比较常见,JsCodePyecharts直接与echarts转化的中间对象,我比较常用它来创建颜色渐变的效果,让图形更富有表现力。

数据

为了书写方便,数据选取尽量简单,如下一个x轴,三个系列:

x_data = ["周一""周二""周三""周四""周五""周六""周日"]
y_data1 = [14023210126490340250]
y_data2 = [120282111234220340310]
y_data3 = [320132201334190130220]

普通折现图

我们先来看看绘制结果,如下所示,线条堆叠现象严重,不够清晰。

堆叠折线图

为了解决线条堆叠问题,就有了堆叠折线图,有意思的是,堆叠折线图并不堆叠。

如下所示,三个系列折线图完全被分离开:

上面折线图,点与点之间的过渡是通过线段连接,其实还可以通过平滑的曲线过渡。

这在Pyecharts中,只需设置is_smooth参数为True就行:

.add_yaxis(
        y_axis=y_data1,
        is_smooth=True
        )

这样就绘制出了平滑过渡的折线图:

面积堆叠图

先看下我绘制的面积堆叠图,可以看到它与上面平滑过渡的折线图的相比,填充了颜色,一下就能吸引我们的眼球。

这是怎么做到的?其实,相比于折线图,它只是配置上了areastyle_opts,非常方便!

areastyle_opts=opts.AreaStyleOpts(opacity=1)

当然,上面填充的颜色没有渐变效果,要想添加也非常简单。

通过上面说到的JsCode,很容易添加上,并且代码基本是固定的,复用性强。

最终实现的颜色渐变效果如下:

完整代码

完整代码我已经放到Python中文网,大家只需点击最下面的 阅读原文 获取完整代码,任何疑问都可留言。

浏览 99
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报