当前位置: 首页 > news >正文

Pyecharts系列课程04——折线图/面积图(Line)

本章我们学习在Pyecharts中折线图(Line)的使用。折线图通用应用于数据的趋势分析。

折线图

我们现在有两组数据,x_data是2024年的月份,y_data为对应张三甲每个月的用电量。

# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]

在Pyecharts中绘制直方图,首先我们需要引入我们需要的图表,可以通过如下代码:

from pyecharts.charts import Line

在引入之后我们需要做的便是新建一个图表实例,然后将我们的x_datay_data添加至图表中,在直角坐标系图表中,都是采用add_xaxisadd_yaxis两个方法分别来添加数据,这点与之前的直方图一致。
add_yaxis中有两个必传的参数,一个是y_axis是我们要传的数据,另一个参数series_name为系列名称。

from pyecharts.charts import Line# 新建一个图表命名为chart
chart = Line()
# 添加数据
chart.add_xaxis(x_data)
chart.add_yaxis(series_name="用电量", y_axis=y_data)

在Pyecharts中都提供了默认配置,在不做任何配置的情况下,我们的图表就已经完成了,便可以通过.render_notebook()将图表渲染至我们的notebook中了。

from pyecharts.charts import Line# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]
# 新建一个图表命名为chartchart = Line()
# 添加数据
chart.add_xaxis(x_data)
chart.add_yaxis(series_name="用电量", y_axis=y_data)chart.render_notebook()

效果如下:
在这里插入图片描述
*如果是在非notebool的环境中,我们需要将.render_notebook()换成.render()

面积图

  • 在Pyecharts中没有单独的面积图模块,其实面积图就是在折线图的基础上加上颜色的填充。
  • 我们还是在之前的代码基础上进行编辑。在add_yaxis()方法中有一个参数areastyle_opts,即配置区域样式效果的,默认效果是设置的透明度为0,我们只需设置为大于0小于等于1的值即可。
from pyecharts.charts import Line
import pyecharts.options as opts# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]
# 新建一个图表命名为chartchart = Line()
# 添加数据
chart.add_xaxis(x_data)
chart.add_yaxis(series_name="用电量",y_axis=y_data,areastyle_opts=opts.AreaStyleOpts(opacity=0.6))chart.render_notebook()

在这里插入图片描述

常用配置

线条样式

颜色/线宽

通过参数linestyle_opts进行线条样式配置,颜色/线宽可通过LineStyleOpts中的color, width进行配置,具体参考如下代码;

from pyecharts.charts import Line
import pyecharts.options as opts# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]chart = Line()chart.add_xaxis(x_data)
chart.add_yaxis("用电量",y_data,areastyle_opts=opts.AreaStyleOpts(color='red', opacity=0.3),linestyle_opts=opts.LineStyleOpts(width=2, color='red'))chart.render_notebook()

在这里插入图片描述
这里需要注意一点,通过linestyle_opts修改的是线条颜色,通过上方图片我们也能看到,标记点还是蓝色,如果我们需要修改标记点的颜色的需要通过参数color

from pyecharts.charts import Line
import pyecharts.options as opts# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]chart = Line()chart.add_xaxis(x_data)
chart.add_yaxis("用电量",y_data,color='red',areastyle_opts=opts.AreaStyleOpts(color='red', opacity=0.3),linestyle_opts=opts.LineStyleOpts(width=2, color='red'))chart.render_notebook()

效果如下:
在这里插入图片描述

平滑曲线效果

通过is_smooth=True进行设置;

from pyecharts.charts import Line
import pyecharts.options as opts# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]chart = Line()chart.add_xaxis(x_data)
chart.add_yaxis("用电量",y_data,color='red',is_smooth=True,areastyle_opts=opts.AreaStyleOpts(color='red', opacity=0.3),linestyle_opts=opts.LineStyleOpts(width=2, color='red'))chart.render_notebook()

效果如下:
在这里插入图片描述

线形

可以设置虚线实线等样式,同样还是通过linestyle_opts进行配置,支持的参数值有 solid, dashed, dotted

from pyecharts.charts import Line
import pyecharts.options as opts# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data_1 = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]
y_data_2 = [230, 139, 128, 182, 151, 187, 252, 304, 208, 124, 101, 88]chart = Line()chart.add_xaxis(x_data)
chart.add_yaxis("张三家",y_data_1,is_smooth=True,linestyle_opts=opts.LineStyleOpts(type_='dotted'))
chart.add_yaxis("李四家",y_data_2,is_smooth=True,linestyle_opts=opts.LineStyleOpts(type_='dashed'))chart.render_notebook()

效果如下:
在这里插入图片描述

标记图形

折线图除了线条的样式可以配置,标记点样式也可以进行调整。

颜色/大小/形状

  • symbol:标记的图形,可选参数值: ‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, ‘none’
  • symbol_size:标记图形的大小;
  • color:系列颜色,线条颜色未设置的话会同时设置图形和线条的颜色,与柱形图一样,也可以通过itemstyle_opts进行颜色配置
from pyecharts.charts import Line
import pyecharts.options as opts# 家庭每月用电量趋势
x_data = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"
]
y_data_1 = [120, 140, 118, 98, 91, 87, 152, 214, 198, 154, 121, 108]
y_data_2 = [230, 139, 128, 182, 151, 187, 252, 304, 208, 124, 101, 88]chart = Line()chart.add_xaxis(x_data)
chart.add_yaxis("张三家",y_data_1,is_smooth=True,# 颜色/大小/形状symbol='roundRect',symbol_size=20,color='green',linestyle_opts=opts.LineStyleOpts(type_='dotted'))
chart.add_yaxis("李四家",y_data_2,is_smooth=True,symbol='triangle',symbol_size=20,color='orange',linestyle_opts=opts.LineStyleOpts(type_='dashed'))chart.render_notebook()

效果如下:
在这里插入图片描述

相关文章:

Pyecharts系列课程04——折线图/面积图(Line)

本章我们学习在Pyecharts中折线图(Line)的使用。折线图通用应用于数据的趋势分析。 折线图 我们现在有两组数据,x_data是2024年的月份,y_data为对应张三甲每个月的用电量。 # 家庭每月用电量趋势 x_data ["1月", &q…...

变压器-000000

最近一个项目是木田12V的充电器,要设计变压器,输出是12V,电压大于1.5A12.6*1.518.9W. 也就是可以将变压器当成初级输入的一个负载。输入端18.9W. 那么功率UI 。因为变压器的输入是线性上升的,所以电压为二份之一,也就是1/2*功率…...

凝思60重置密码

凝思系统重置密码 - 赛博狗尾草 - 博客园 问题描述 凝思系统进入单用户模式,在此模式下,用户可以访问修复错误配置的文件。也可以在此模式下安装显卡驱动,解决和已加载驱动的冲突问题。 适用范围 linx-6.0.60 linx-6.0.80 linx-6.0.100…...

linux——网络计算机{序列化及反序列化(JSON)(ifdef的用法)}

linux——网络(服务器的永久不挂——守护进程)-CSDN博客 目录 一、序列化与反序列化 1. 推荐 JSON 库 2. 使用 nlohmann/json 示例 安装方法 基础用法 输出结果 3. 常见操作 4. 其他库对比 5. 选择建议 二、ifdef宏的用法 基本语法 核心用途…...

【教程】docker升级镜像

转载请注明出处:小锋学长生活大爆炸[xfxuezhagn.cn] 如果本文帮助到了你,欢迎[点赞、收藏、关注]哦~ 目录 自动升级 手动升级 无论哪种方式,最重要的是一定要通过-v参数做数据的持久化! 自动升级 使用watchtower,可…...

迅为RK3568开发板篇OpenHarmony实操HDF驱动控制LED-编写应用APP

在应用代码中我们实现如下功能: 当应用程序启动后会获取命令行参数。如果命令行没有参数,LED 灯将循环闪烁;如果命令行带有参数,则根据传输的参数控制 LED 灯的开启或关闭。通过 HdfIoServiceBind 绑定 LED灯的 HDF 服务&#xff…...

python代码

python\main_script.py from multiprocessing import Process import subprocessdef call_script(args):# 创建一个新的进程来运行script_to_call.pyprocess Process(targetrun_script, args(args[0], args[1]))process.start()process2 Process(targetrun_script, args(arg…...

React 打印插件 -- react-to-print

一、安装依赖 npm install react-to-print 二、使用 import { useReactToPrint } from "react-to-print"; import React, { useRef, forwardRef } from react;const Content () > {const contentRef useRef(null);const reactToPrintFn useReactToPrint({ c…...

探索C语言简易计算器程序的实现与优化

在C语言编程学习中,实现一个简易计算器是一个常见且有趣的练习项目。它不仅能帮助我们巩固基本的语法知识,如函数、循环、分支结构,还能让我们深入理解程序设计的逻辑。接下来,我们将分析三段实现简易计算器功能的C语言代码&#…...

深入了解 MySQL:从基础到高级特性

引言 在当今数字化时代,数据的存储和管理至关重要。MySQL 作为一款广泛使用的开源关系型数据库管理系统(RDBMS),凭借其高性能、可靠性和易用性,成为众多开发者和企业的首选。本文将详细介绍 MySQL 的基础概念、安装启…...

OSPF基础(1):工作过程、状态机、更新

OSPF基础 1、技术背景(与RIP密不可分,因为RIP中存在的问题) RIP中存在最大跳数为15的限制,不能适应大规模组网周期性发送全部路由信息,占用大量的带宽资源以路由收敛速度慢以跳数作为度量值存在路由环路可能性每隔30秒…...

工业相机如何获得更好的图像色彩

如何获得更好的图像色彩 大部分的工业自动化检测中对物体的色彩信息并不敏感,因此会使用黑白的相机,但是在显微镜成像、颜色分类识别等领域,相机的色彩还原就显得格外重要,在调节相机色彩方面的参数时,有以下几个方面需…...

使用requestAnimationFrame减少浏览器重绘

文章目录 介绍使用使用rAF前使用rAF后 介绍 在屏幕中,浏览器通常都以60FPS(1/60 s)每帧更新屏幕,但是当前端绑定了一些高频事件,如鼠标移动,屏幕滚动、触摸滑动等时,在一帧的周期内,…...

Mac 终端命令大全

—目录操作— ꔷ mkdir 创建一个目录 mkdir dirname ꔷ rmdir 删除一个目录 rmdir dirname ꔷ mvdir 移动或重命名一个目录 mvdir dir1 dir2 ꔷ cd 改变当前目录 cd dirname ꔷ pwd 显示当前目录的路径名 pwd ꔷ ls 显示当前目录的内容 ls -la ꔷ dircmp 比较两个目录的内容 di…...

如何使用deepseek开发一个翻译API

什么是deepseek Deepseek 是一个基于人工智能技术的自然语言处理平台,提供了多种语言处理能力,包括文本翻译、语义分析、情感分析等。它通过深度学习模型和大规模语料库训练,能够实现高质量的文本翻译和多语言理解。Deepseek 的核心优势在于…...

vue如何解决跨域

文章目录 vue如何解决跨域1. 什么是跨域2. 如何解决2.1 CROS(Cross-Origin Resource Sharing,跨域资源共享)2.2 Proxy2.2.1 使用webpack proxy2.2.2 服务端代理转发2.2.3 通过nginx实现代理 vue如何解决跨域 1. 什么是跨域 跨域本质是浏览器…...

红包雨项目前端部分

创建项目 pnpm i -g vue/cli vue create red_pakage pnpm i sass sass-locader -D pnpm i --save normalize.css pnpm i --save-dev postcss-px-to-viewportpnpm i vantlatest-v2 -S pnpm i babel-plugin-import -Dhttps://vant.pro/vant/v2/#/zh-CN/<van-button click&…...

新版AndroidStudio 修改 jdk版本

一、问题 之前&#xff0c;在安卓项目中配置JDK和Gradle的过程非常直观&#xff0c;只需要进入Android Studio的File菜单中的Project Structure即可进行设置&#xff0c;十分方便。 如下图可以在这修改JDK: 但是升级AndroidStudio之后&#xff0c;比如我升级到了Android Stu…...

【golang学习之旅】使用VScode安装配置Go开发环境

1. 下载并安装Go 1.1 下载地址1.2 选择版本并下载1.3 安装目录1.4 验证是否安装成功 2. 配置环境变量 2.1 配置步骤2.2 GO部分环境变量说明 3. 下载或更新 Vscode 3.1 下载地址3.2 安装步骤 4. 为Go开发配置VScode 1. 下载并安装Go 1.1 下载地址 https://studygolang.com/dl…...

langchain教程-2.prompt

前言 该系列教程的代码: https://github.com/shar-pen/Langchain-MiniTutorial 我主要参考 langchain 官方教程, 有选择性的记录了一下学习内容 这是教程清单 1.初试langchain2.prompt3.OutputParser/输出解析4.model/vllm模型部署和langchain调用5.DocumentLoader/多种文档…...

Vue记事本应用实现教程

文章目录 1. 项目介绍2. 开发环境准备3. 设计应用界面4. 创建Vue实例和数据模型5. 实现记事本功能5.1 添加新记事项5.2 删除记事项5.3 清空所有记事 6. 添加样式7. 功能扩展&#xff1a;显示创建时间8. 功能扩展&#xff1a;记事项搜索9. 完整代码10. Vue知识点解析10.1 数据绑…...

前端倒计时误差!

提示:记录工作中遇到的需求及解决办法 文章目录 前言一、误差从何而来?二、五大解决方案1. 动态校准法(基础版)2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言 前几天听说公司某个项…...

转转集团旗下首家二手多品类循环仓店“超级转转”开业

6月9日&#xff0c;国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解&#xff0c;“超级…...

linux 错误码总结

1,错误码的概念与作用 在Linux系统中,错误码是系统调用或库函数在执行失败时返回的特定数值,用于指示具体的错误类型。这些错误码通过全局变量errno来存储和传递,errno由操作系统维护,保存最近一次发生的错误信息。值得注意的是,errno的值在每次系统调用或函数调用失败时…...

前端开发面试题总结-JavaScript篇(一)

文章目录 JavaScript高频问答一、作用域与闭包1.什么是闭包&#xff08;Closure&#xff09;&#xff1f;闭包有什么应用场景和潜在问题&#xff1f;2.解释 JavaScript 的作用域链&#xff08;Scope Chain&#xff09; 二、原型与继承3.原型链是什么&#xff1f;如何实现继承&a…...

有限自动机到正规文法转换器v1.0

1 项目简介 这是一个功能强大的有限自动机&#xff08;Finite Automaton, FA&#xff09;到正规文法&#xff08;Regular Grammar&#xff09;转换器&#xff0c;它配备了一个直观且完整的图形用户界面&#xff0c;使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...

C# 求圆面积的程序(Program to find area of a circle)

给定半径r&#xff0c;求圆的面积。圆的面积应精确到小数点后5位。 例子&#xff1a; 输入&#xff1a;r 5 输出&#xff1a;78.53982 解释&#xff1a;由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982&#xff0c;因为我们只保留小数点后 5 位数字。 输…...

中医有效性探讨

文章目录 西医是如何发展到以生物化学为药理基础的现代医学&#xff1f;传统医学奠基期&#xff08;远古 - 17 世纪&#xff09;近代医学转型期&#xff08;17 世纪 - 19 世纪末&#xff09;​现代医学成熟期&#xff08;20世纪至今&#xff09; 中医的源远流长和一脉相承远古至…...

Linux 内存管理实战精讲:核心原理与面试常考点全解析

Linux 内存管理实战精讲&#xff1a;核心原理与面试常考点全解析 Linux 内核内存管理是系统设计中最复杂但也最核心的模块之一。它不仅支撑着虚拟内存机制、物理内存分配、进程隔离与资源复用&#xff0c;还直接决定系统运行的性能与稳定性。无论你是嵌入式开发者、内核调试工…...

4. TypeScript 类型推断与类型组合

一、类型推断 (一) 什么是类型推断 TypeScript 的类型推断会根据变量、函数返回值、对象和数组的赋值和使用方式&#xff0c;自动确定它们的类型。 这一特性减少了显式类型注解的需要&#xff0c;在保持类型安全的同时简化了代码。通过分析上下文和初始值&#xff0c;TypeSc…...