前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >这个双折线图,惊艳到我了!

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

作者头像
double
发布2022-01-26 13:51:01
7330
发布2022-01-26 13:51:01
举报
文章被收录于专栏:算法channel算法channel

你好,我是 zhenguo

这是我的第489篇原创

今天使用pyecharts绘制一幅双折线图,绘制出的图形如下:

这幅双折线图的特点有:

  1. 渐变面积颜色
  2. 线条平滑
  3. 颜色搭配协调
  4. 带有tooltip提示(效果如下)

这幅图适合当做折线图的展示模板,如果你喜欢我绘制的这幅图,可以看到文末获取完整代码。

绘制思路

最近绘制了堆叠面积折线图,今天这幅双折线图不带堆叠,也在平时应用较多。

首先,导入pyecharts常用模块:

代码语言:javascript
复制
import pyecharts.options as opts
from pyecharts.charts import Line
from pyecharts.commons.utils import JsCode

第二步,生成绘图数据:

代码语言:javascript
复制
x_data = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
y_data1 = [40, 60, 22, 85, 50, 40, 35]
y_data2 = [20, 50, 12, 65, 30, 60, 65]

第三步,调整背景颜色,创建InitOpts对象,如下所示:

代码语言:javascript
复制
init_opts = opts.InitOpts(bg_color='#0e1c47')

第四步,创建折线图对象Line,同时配置上面创建的InitOpts对象:

代码语言:javascript
复制
dl = Line(init_opts=init_opts)

第五步,创建全局配置项相关的对象,如xaxis_optsyaxis_optstooltip_opts对象,它们负责全局配置项。

第六步,添加x轴数据,通过参数xaxis_data

代码语言:javascript
复制
# 添加数据项x
dl.add_xaxis(xaxis_data=x_data)

第七步,添加双折线y轴数据,如下所示:

折线1的y轴数据:

代码语言:javascript
复制
dl.add_yaxis(series_name="品类 1",
             y_axis=y_data1
            )

折线2的y轴数据:

代码语言:javascript
复制
dl.add_yaxis(series_name="品类 2",
             y_axis=y_data2
            )

pyecharts中,对于线条设置、数据项等的设置全部放在了Line对象的add_yaxis方法中。

第八步,渲染到html中:

代码语言:javascript
复制
dl.render("double_line_chart.html")

经过上面八步,就会绘制出下面的图形,还算赏心悦目:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-12-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 程序员郭震zhenguo 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 绘制思路
相关产品与服务
图数据库 KonisGraph
图数据库 KonisGraph(TencentDB for KonisGraph)是一种云端图数据库服务,基于腾讯在海量图数据上的实践经验,提供一站式海量图数据存储、管理、实时查询、计算、可视化分析能力;KonisGraph 支持属性图模型和 TinkerPop Gremlin 查询语言,能够帮助用户快速完成对图数据的建模、查询和可视化分析。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档