Python程序设计与案例教程 课件 项目10 数据获取与可视化_第1页
Python程序设计与案例教程 课件 项目10 数据获取与可视化_第2页
Python程序设计与案例教程 课件 项目10 数据获取与可视化_第3页
Python程序设计与案例教程 课件 项目10 数据获取与可视化_第4页
Python程序设计与案例教程 课件 项目10 数据获取与可视化_第5页
已阅读5页,还剩55页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

程序设计与案例教程Python延时符

数据获取与可视化项目10项目概述

网络时代,数据是无处不在的,而网络数据获取则是数字化时代的“新基建”,其核心价值在于将碎片化信息转化为结构化知识,驱动商业、科研与社会创新。Python的爬虫技术,可以让我们轻松地访问并提取网络数据,比如电商用Python分析销售数据优化库存,金融领域用机器学习预测股票走势,医疗领域分析患者数据提高诊断准确性,工业领域分析设备异常,降低维护成本等,为工作和研究提供便利。任务1数据获取07060504030201任务目标了解数据获取与数据分析的实践应用;掌握Python程序网络数据获取的过程;熟悉网页的文档结构和常用标签;掌握Python爬虫库的安装;掌握Python爬虫库的基本使用方法;能够使用Python常用爬虫库采集网络数据;了解网络数据安全的法律法规;延时符目录

Contents网页文档结构014爬虫库的安装02爬虫库的使用03综合案例04任务引入

小王最近被安排在某互联网科技有限公司实习,部门经理他的任务是编写一个Python程序,自动获取竞品公司的销售数据,以便公司进行数据分析和市场策略调整。他需要从竞争对手的网站上获取商品名称、销量和销售额等信息,并将其存储为结构化数据,供后续分析使用。那么,Python是如何爬取网页数据的?需要掌握哪些常用的库和模块?如何获取到所需要的数据?知识准备

当前,网络中的数据主要以网页的形式在互联网上传播,使用爬虫技术,我们可以轻松地访问网页并提取其中的数据。适合进行数据爬取的网站包括但不限于社交媒体平台、新闻和媒体网站、招聘网站、房地产网站、电影和书籍评分网站、电商购物平台以及学术资源网站等。在进行数据爬取时,应遵守相关法律法规和网站的使用条款,确保数据的合法性和合规性。

《中华人民共和国网络安全法》明确规定网络运营者收集、使用个人信息,应当遵循合法、正当、必要的原则,公开收集、使用规则,明示收集、使用信息的目的、方式和范围,并经被收集者同意。例如,网站在收集用户注册信息时,必须明确告知用户信息的收集目的和使用范围,且不得超出必要限度收集用户信息。如获取网络金融服务的身份认证信息10组以上,或其它身份认证信息500组以上的,认定为“情节严重”,可判处三年以下有期徒刑或拘役。知识准备数据获取过程如下:1.确定目标:确定你要获取数据的网页地址,明确需要采集哪些数据(例如,产品名称、价格、销量等)。2.发送请求:本地数据直接使用open函数访问网页文件,网络数据则使用requests库发送HTTPGET请求到目标网页。3.检查响应:网络数据获取需要确认请求响应状态,响应成功则返回状态码为200,失败则返回状态码为404、500等。4.解析内容:使用BeautifulSoup或lxml解析HTML内容,提取所需数据。5.提取数据:使用Python中的函数或库提取数据,满足用户需求。一、网页文档结构1990年,英国科学家蒂姆·伯纳斯・李,在其提出的万维网构想的基础上,通过超文本技术(HyperText)创建了世界上第一个网页,使互联网从单纯的学术工具向全球信息共享平台的转变,开启了互联网的新纪元。之后,他在麻省理工学院创立W3C即万维网联盟,创建了一系列技术标准,如HTML、CSS、XML、XHTML、DOM等,此后的网页文档结构在该组织的指导下,不断完善与发展而来。蒂姆·伯纳斯・李HTML(HyperTextMarkupLanguage)即超文本标记语言,是一种用于创建网页的标准标记语言,该语言由一套特定的标签和属性组成,用来描述文档结构和表现形式。这些标签和属性定义了网页中的各个元素,如文本、图像、链接、表格等,并控制它们的外观和行为。1.1HTML介绍一、网页文档结构1.2HTML标签标签描述<!DOCTYPE>

声明文档类型<html>

HTML文档<title>网页标题<body>网页文档的主体<h1>to<h6>内容标题1~6级<p>段落<br>换行<hr>水平线<!--...-->注释一、网页文档结构1.2HTML标签实例10.1.1——HTML树形结构页面框架参考代码运行效果图<!DOCTYPEhtml><htmllang="en"><head>

<metacharset="UTF-8">

<metaname="viewport"content="width=device-width,initial-scale=1.0">

<title>HTML树结构</title>

<!--CSS样式代码-->

</head><body>

<!--内容结构代码-->

</body></html>一、网页文档结构实例10.1.1——HTML树形结构CSS样式参考代码内容结构参考代码

<ulclass="tree"><li>根结点<ul><li>子结点1<ul><li>孙结点1-1</li><li>孙结点1-2</li></ul></li><li>子结点2</li><li>子结点3<ul><li>孙结点3-1</li></ul></li></ul></li></ul>

<style> .tree{ font-family:Arial,sans-serif; line-height:2.0; } .treeli{ position:relative; list-style:none; padding-left:15px; margin:5px0; border-left:1pxsolid#999; } .treeli::before{ content:""; position:absolute; left:0; top:0; width:10px; height:15px; border-bottom:1pxsolid#999; }</style>一、网页文档结构二、爬虫库的安装

网络爬虫,是按照一定规则,自动抓取网页信息,它的本质是模拟浏览器打开网页,从网页中获取需要的数据。使用Python获取网页数据,需要使用一些流行的爬虫库,如BeautifulSoup和lxml。网络爬虫?描述BeautifulSouplxml主要作用HTML/XML

文档解析和内容提取

提供简单API导航、搜索和修改文档树高性能HTML/XML

解析与处理

原生支持XPath/XSLT,提供类似ElementTree的API核心优势极简的PythonicAPI

自动修复不规范标签

灵活的文档树导航(find/find_all)解析速度极快(C底层)

原生支持

XPath1.0

内存效率高主要缺点原生不支持XPath

依赖外部解析器(默认解析器慢)

纯Python实现性能较低API学习曲线较陡

对不规范HTML容错较差

复杂文档修改较繁琐解析速度慢(使用内置解析器)

快(搭配

lxml

解析器)极快(libxml2C库加速)依赖关系需额外安装解析器(如

lxml

html5lib)自包含(依赖C库但无需配置)容错能力极强(自动补全标签/修复结构)严格模式(可能拒绝解析错误文档)选择器支持CSS选择器(.select())

原生XPath完整

XPath1.0

CSS选择器(需

cssselect)典型使用场景快速原型开发

处理不规范HTML

简单网页爬虫大型XML/HTML处理

高性能数据提取

XPath密集型任务1.BeautifulSoup和lxml介绍二、爬虫库的安装

(1)打开终端验证Python是否正确安装:在Windows系统中,可以按“Win+R”键,输入“cmd”并回车打开命令提示符;在终端中输入命令“python”验证Python程序是否正确安装。爬虫库的在线安装过程如下:二、爬虫库的安装

(2)执行安装命令:使用pipinstall库名的命令格式来安装所需的爬虫库。例如,要安装BeautifulSoup库,输入“pipinstallbeautifulsoup4”;要安装lxml库,输入“pipinstalllxml”等。二、爬虫库的安装在线安装beautifulsoup4库在线安装lxml库注意:使用pip命令安装库默认使用的国外镜像源,受网络条件的限制,通常会因下载超时导致安装失败,因此,在安装库的过程中可以使用国内的镜像地址,例如阿里云、清华大学等。安装命令格式如下:pipinstallbeautifulsoup4

-i

国内镜像地址pip

installlxml

-i

国内镜像地址二、爬虫库的安装(3)验证安装是否成功:安装完成后,可以在Python交互式解释器中导入相应的库,如果没有报错,则说明安装成功。也可以使用命令piplist,查看已安装的库。验证结果二、爬虫库的安装三、爬虫库的使用在Python中,可以使用一些流行的库,如BeautifulSoup和lxml等,来解析HTML文件以获取需要的数据。1.导入库BeautifulSoup库,是一个抓取网页数据的工具箱,它提供了一些简单的函数来处理导航、搜索、修改与分析HTML树等功能,通过解析文档为用户提供需要抓取的数据。lxml库,则主要用于处理XML和HTML文档,在解析大型文档时速度非常快,并且提供了简单的转换方法来将数据转换为Python数据类型,从而使文件操作更容易。frombs4importBeautifulSoup#导入BeautifulSoup4库fromlxmlimportetree#导入lxml库程序代码如下:2.读取文件

例如读取教材项目资源包中名为“example.html”的HTML文件,并将其内容存储在变量“html_content”中并输出HTML代码。#!/usr/bin/env

python3#-*-coding:UTF-8-*-withopen('example.html','r',encoding='utf-8')asfile: #打开文件html_content=file.read() #读取文件print(html_content)程序代码如下:三、爬虫库的使用3.解析HTMLBeautifulSoup抓取数据后得到一个文档对象(beautifulsoup对象),其实也是一个复杂的树形结构文档,因此还需要解析器来解析这段文档。可以使用Python自带的标准解析库html.parser进行解析,也可以使用lxml进行解析。标准解析库与lxml解析库对比如下表所示。解析库使用方法优点缺点标准解析库soup=BeautifulSoup(markup,html.parser)Python的内置标准库、执行速度适中、文档容错能力强用于Python2.7.3或3.2.2之前的版本、文档容错能力差lxml解析库soup=BeautifulSoup(markup,lxml)运行速度快、文档容错能力强需要安装C语言说明:代码中第一个参数为文件对象或字符串对象,第二个参数为指定的解析器,如未指定解析器,可使用Python自带的标准解析器(html.parser),但会产警告。三、爬虫库的使用4.获取数据Python中BeautifulSoup库包含一些常用方法(soup对象方法),如查找元素、提取数据、遍历文档树、修改文档等,利用这些方法可以让用户更容易查找网页的标签、属性和内容。(1)查找元素BeautifulSoup库中常见的查找网页元素的方法有find()、find_all()、select()等,具体使用说明如下:方法用途示例find()查找第一个匹配的标签soup.find('div')find_all()查找所有匹配的标签(返回列表)soup.find_all('a',class_='link')select()使用

CSS选择器查找元素soup.select('div#header>p')三、爬虫库的使用实例10.1.3——获取课程表的元素#!/usr/bin/env

python3#-*-coding:UTF-8-*-frombs4importBeautifulSoup#访问数据withopen('example.html','r',encoding='utf-8')asfile:soup=BeautifulSoup(file,'lxml')#获取数据title=soup.find('title')#获取title标签ths=soup.find_all('th')#获取所有的表头标签time=soup.select('tr>td:first-child')#获取时间列标签#输出数据print(title)print(ths)print(time)运行结果如下:<title>课程表</title>[<th>时间</th>,<th>星期一</th>,<th>星期二</th>,<th>星期三</th>,<th>星期四</th>,<th>星期五</th>][<td>8:10-8:55</td>,<td>9:05-9:45</td>,<td>10:05-10:55</td>,<td>11:05-11:45</td>,<tdcolspan="6">午休</td>,<td>14:00-14:45</td>,<td>14:55-15:40</td>]三、爬虫库的使用(2)获取元素内容及属性

查找的元素一般包含了元素标签和元素内容,想要进一步获取具体的元素内容,还需要使用获取元素内容的方法(属性)来实现。常见的方法(属性)如下表所示:方法/属性用途示例.text获取标签内所有文本(含子标签文本)tag.text.get_text()同

.text,可指定分隔符tag.get_text(separator='').string获取标签内直接文本(仅单一子节点时有效)tag.string.attrs获取标签的所有属性(字典形式)tag.attrs['href'].get()获取标签的某个属性值tag.get('href')三、爬虫库的使用实例10.1.4——获取课程表元素内容与属性#!/usr/bin/env

python3#-*-coding:UTF-8-*-frombs4importBeautifulSoupwithopen('example.html','r',encoding='utf-8')asfile:soup=BeautifulSoup(file,'lxml')course_title=soup.find('h1').text#获取课程表标题内容#获取课程表所有表头内容ths_content=[]ths=soup.find_all('th')forthinths:ths_content.append(th.string)#将表头内容追加到数列ths_contentwx_attr=soup.find(id='wx').get('colspan')#获取午休单元格的跨列属性值#打印输出print(course_title)print(ths_content)print(wx_attr)运行结果如下:新学期课程表['时间','星期一','星期二','星期三','星期四','星期五']6三、爬虫库的使用四、综合案例实例10.1.5——获取产品月销量与销售额某互联网科技有限公司3月份6种电子产品的销量与销售额如下图所示:要求:编写Python爬虫程序,实现获取网页中各产品名称、销量和销售额数据,以列表格式输出。运行结果产品名称:['显示器','胶囊耳机','小米手机','华为手机','苹果手机','电话手表']月销量:[387,674,848,419,235,157]月销售额:[435375.0,124690.0,1330512.0,729898.0,1339500.0,123716.0]任务2数据可视化04030201任务目标掌握Flask框架的安装;掌握Echarts图表框架的配置及应用;了解数据分析的图表类型;掌握Flask的应用与发布;05能够使用Flask和Echarts框架实现数据的可视化延时符目录

ContentsPython的Web框架0129Echarts图表框架02综合案例03任务引入

前一阶段,小王按照经理的要求,在竞品网站上成功的采集到了商品名称、销量和销售额等信息,并将其转换为结构化数据。为了便于公司的分析与决策,经理又提出要将这些数据发布在公司的Web服务器上以网页图表的形式展示,方便各部门实时浏览。那么,Python的Web服务如何搭建?Web可视化工具怎么使用?Python是如何实现数据可视化的?知识准备

数据可视化是指将数据以图形化的方式展示出来,以便更直观地理解和分析数据。研究表明,人类大脑对视觉信息的处理速度远远快于对文字和数字的处理,通过数据可视化,用户可以在短时间内获取大量信息,而不需要花费大量时间去阅读和分析复杂的数据以帮助用户更轻松地发现数据中的模式、趋势和异常。柱状图:柱状图用于比较不同类别之间的数据大小或数量差异。通过柱子的高度或长度快速比较和识别不同类别之间的差异,找出最大值、最小值和异常值等。适用于比较不同类别之间的数据,如不同产品的销量、不同地区的销售额、不同年龄段的人口数量等;也适用于展示同一类别在不同时间点或不同条件下的数据变化情况,如某产品在不同季度的销量变化、不同营销策略下的销售效果对比等。折线图:折线图主要用于展示数据随时间或有序类别变化的趋势。通过连接数据点的直线段来表示数据的变化情况,能够清晰地显示出数据的上升、下降、波动等趋势,帮助用户快速了解数据的变化规律和发展方向。适用于展示时间序列数据,如股票价格、气温变化、销售业绩等随时间的变化趋势;也适用于展示有序类别数据之间的变化趋势,如不同年龄段的收入水平、不同阶段的项目进度等。饼图:饼图用于展示各部分占总体的比例关系。通过将一个圆分成若干个扇形,每个扇形的大小表示相应部分占总体的比例,能够直观地展示各部分与整体之间的关系,帮助用户快速了解各部分的相对重要性和贡献程度。适用于展示各部分占总体的比例,如市场份额、预算分配、人口结构等;也适用于展示不同类别之间的比例关系,如不同产品的销售占比、不同地区的市场份额等。常见的可视化图表主要有三种,分别是柱状图、折线图和饼图,它们各自具有不同的作用和适用场景:知识准备一、Python的Web框架Django框架:遵循MVT(Model-View-Template)模式,自带ORM、Admin后台、表单系统、安全防护(CSRF、XSS过滤),拥有强大的路由系统与中间件支持。Flask框架:Python中一个轻量级的

Web开发框架。它基于

WSGI(WebServerGatewayInterface)协议设计,提供路由、请求处理、模板渲染等核心功能。FastAPI框架:基于Python类型提示和异步支持(ASGI)的高性能API开发框架,能够自动生成OpenAPI文档和集成Pydantic实现数据验证,支持异步请求处理。Python的Web框架提供了丰富的工具和模块,可以帮助开发者快速构建Web应用。这些框架通常具有内置的路由系统、模板引擎和数据库抽象层,能够自动化许多重复性的任务,如路由管理、表单处理、数据库操作等,使得Web开发的流程更加简单和高效,从而减少代码的编写量和出错概率。1.1Flask框架安装检验Python和pippython--versionpip--version一、Python的Web框架(1)检查Python和pip是否已安装在安装Flask之前,请确保计算机上已安装Python和pip。您可以通过在命令行或终端中运行以下命令来检查是否已安装:(2)创建虚拟环境(可选)为了保持项目隔离性,建议为Flask项目创建一个虚拟环境,一旦Flask在虚拟环境中安装,后续的Flask应用也必须在激活的虚拟环境中运行。创建虚拟环境的具体过程如下:在桌面上创建一个名为“app”的项目文件夹;按“Win+R”键,输入“cmd”并回车打开命令提示符;输入命令“cdDesktop\app”进入到桌面“app”文件夹;输入命令“python-mvenvmyenv”创建一个名为“myenv”的虚拟环境。一、Python的Web框架(2)创建虚拟环境(可选)为了保持项目隔离性,建议为Flask项目创建一个虚拟环境,一旦Flask在虚拟环境中安装,后续的Flask应用也必须在激活的虚拟环境中运行。(3)激活虚拟环境激活虚拟环境实际上是对Shell环境变量进行了修改,将虚拟环境的“bin”目录添加到环境变量的最前面,确保系统在查找可执行文件(如Python、pip)时会优先使用虚拟环境中的版本,而不是全局版本,从而实现运行环境的隔离和定制。输入以下命令可以激活创建的“myenv”虚拟环境:Windows:myenv\Scripts\activatemacOS/Linux:sourcemyebin/activate激活后的虚拟环境如下所示:(3)激活虚拟环境激活虚拟环境实际上是对Shell环境变量进行了修改,将虚拟环境的“bin”目录添加到环境变量的最前面,确保系统在查找可执行文件(如Python、pip)时会优先使用虚拟环境中的版本,而不是全局版本,从而实现运行环境的隔离和定制。输入以下命令可以激活创建的“myenv”虚拟环境:一、Python的Web框架(4)安装Flask使用pip安装Flask:pipinstallflask-i/simple/(5)验证安装安装完成后,可以通过以下命令验证Flask是否安装成功:pipshowflaskName:FlaskVersion:2.2.5Summary:Asimpleframeworkforbuildingcomplexwebapplications.Home:/p/flaskAuthor:ArminRonacherAuthor-email:armin.ronacher@License:BSD-3-ClauseLocation:c:\users\administrator\myenv\lib\site-packagesRequires:click,importlib-metadata,itsdangerous,Jinja2,WerkzeugRequired-by:一、Python的Web框架(4)安装Flask使用pip安装Flask:1.2Flask框架的使用Flask作为一个轻量级的Web微框架,其核心功能仅包含路由、请求/响应处理和模板引擎,只需要几行代码即可创建一个简单的Web服务。实例10.2.1——“HelloWorld”#导入Flask类库-Flask框架的核心类fromflaskimportFlask#创建Flask应用实例#__name__参数用于确定应用根目录(自动查找模板/静态文件位置)app=Flask(__name__)#使用路由装饰器定义URL规则#将根路径"/"映射到hello函数@app.route("/")defhello():#返回响应内容(默认Content-Type为text/html)return"HelloWorld!"#Python程序入口判断#仅当直接运行此脚本时执行(避免被其他模块导入时自动运行)if__name__=="__main__":#启动Flask开发服务器#参数说明:#debug=True可开启调试模式(生产环境禁用)#host=''可允许外部访问#port=5000默认端口app.run()(1)一个简单Flask应用一、Python的Web框架①

虚拟环境:

在Windows系统中,按“Win+R”键,输入“cmd”并回车打开命令提示符;输入命令“myenv\Scripts\activate”激活虚拟环境;输入命令“test.py”运行服务;打开浏览器并输入默认地址和端口号“:5000”验证。调试并运行程序:②

非虚拟环境:使用Python的IDLE工具,打开“test.py”文件,选择菜单命令“【Run】->【RunMoudule】”或按“F5”键运行程序;打开浏览器并输入服务运行的默认地址和端口号“:5000”进行验证。一、Python的Web框架Flask的路由用于指定如何将URL映射到指定的视图函数。通过路由(routing)将用户请求(request)映射到具体的视图函数(viewfunction),同时处理请求数据并返回响应(response)。①Flask路由处理:例如,定义一个应用的根路由定义如下:(2)路由与请求处理fromflaskimportFlaskapp=Flask(__name__)#绑定根路径到处理函数@app.route('/')defhello():return"HelloWorld!"#绑定/about路径@app.route("/about")defabout():return"AboutPage"说明:@app.route('/')表示当用户访问应用的根路径“http://localhost:5000/”时,Flask会调用函数hello()并将返回值作为响应内容发送给客户端,当用户访问“http://localhost:5000/about”时,Flask会调用函数about()。这种通过装饰器的方式可以将多个URL路径与同一个视图函数绑定。一、Python的Web框架

使用Python编辑器在项目文件夹下新建Python文件,输入如下程序代码。实例10.2.2——显示用户姓名fromflaskimportFlaskapp=Flask(__name__)@app.route('/user/<username>')defshow_user_profile(username):returnf'用户姓名:{username}'if__name__=="__main__":app.run()说明:代码中的“/<username>”表示URL中的“<username>”部分是可变的,会作为参数传递到视图函数“show_user_profile”中。一、Python的Web框架②Flask请求处理:Flask的请求处理基于“request”对象,该对象封装了HTTP请求中的所有信息,不同的HTTP方法(如GET、POST、PUT、DELETE等)可以用于实现不同的操作。Flask允许视图函数处理多种方法,只需通过“methods”参数指定允许的方法。fromflaskimportFlaskfromflaskimportrequest #导入request对象app=Flask(__name__)@app.route('/login',methods=['GET','POST']) #定义路由及允许请求的方法deflogin():ifrequest.method=='POST': #判断请求的方法username=request.form['username'] #获取用户名password=request.form['password'] #获取密码returnf"登录的用户名为:{username}" #返回用户名else: return'''<formmethod="post">

用户名:<inputtype="text"name="username"><br>

码:<inputtype="password"name="password"><br><inputtype="submit"value="登录"></form>'''if__name__=="__main__":app.run()实例10.2.3——获取用户名或密码一、Python的Web框架Flask使用Jinja2模板引擎来实现模板渲染。模板渲染是将动态数据填充到HTML模板中并生成最终的HTML页面的过程。Flask模板渲染主要包含以下内容:

模板文件:通常以“.html”为扩展名,存放在项目的“templates”文件夹中。例如,“templates/index.html”。

渲染函数:Flask提供的“render_template”函数,用于加载模板文件,并将动态数据传递到模板中。

基本语法:使用{{……}}表示变量替换,{%……%}表示控制结构(如循环、条件)。(3)Flask模板渲染一、Python的Web框架模板文件“blog.html”程序代码实例10.2.4——我的博客<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>我的博客</title></head><body><h1>{{posts.title}}</h1><p>{{posts.content}}</p><p>给我留言:</p><ul> {%foruserinusers%}<li>{{user}}</li> {%endfor%}</ul></body></html>fromflaskimportFlask,render_templateapp=Flask(__name__)@app.route('/blog')defblog():posts={'title':'悯农','content':'锄禾日当午,汗滴禾下土,谁知盘中餐,粒粒皆辛苦。'}users=['张三','李四','王五']returnrender_template('blog.html',posts=posts,users=users)if__name__=="__main__":app.run()Python文件程序代码一、Python的Web框架二、Echarts图表框架ECharts(EnterpriseCharts)是由百度开源团队开发的一款基于JavaScript的数据可视化库,广泛应用于生成交互式图表和大屏数据展示。其核心优势在于丰富的图表类型、高度可定制化、跨平台兼容性以及强大的数据处理能力。它提供了多种常规图表,如折线图、柱状图、散点图、饼图、K线图等,还支持用于统计的盒形图、用于地理数据可视化的地图、热力图、线图,以及用于关系数据可视化的树图、旭日图等。官网地址:/zh/index.html其主要应用场景如下:

商业智能和数据分析:可以用于构建商业智能仪表盘,展示企业的关键指标和业务数据,帮助决策者进行数据分析和决策支持。

地理信息系统(GIS):利用ECharts的地图功能,可以实现地理数据的可视化,如人口分布、疫情传播等。

监控和报警系统:可以实时展示系统监控数据,如服务器性能、网络流量等,并通过可视化的方式进行报警提示。

教育和培训:在教育领域,ECharts可以用于展示教学数据、学生评估结果等,帮助教师和学生更好地理解和分析数据。

科研和学术研究:提供的丰富图表类型和数据分析功能,适用于科研项目中的数据可视化和结果展示。二、Echarts图表框架2.1Echarts安装(1)CDN引入:CDN(内容分发网络,ContentDeliveryNetwork)引入是一种通过使用CDN服务来加速网站或应用中资源文件(如JavaScript、CSS、图片等)加载的技术手段。<scriptsrc="/npm/echarts@5.4.2/dist/echarts.min.js"></script>(2)npm安装:npm(NodePackageManager),是Node.js的包管理工具,用于安装、管理和共享JavaScript代码。它提供了一个庞大的在线仓库,包含了大量开源的JavaScript库和工具,开发者可以通过简单的命令来安装和管理这些依赖包。npminstallecharts--save二、Echarts图表框架(3)在线定制:

访问Echarts官网,选择“下载”菜单下的“下载”选项,在打开的页面下找到“在线定制”并单击访问,然后在打开的页面中勾选所需要的图表模块,确认后在页面下方单击“下载”按钮进行在线构建,完成后将以“echarts.min.js”文件下载到本地计算机。

例如,将“echarts.min.js”存放在项目的“static”路径下,在HTML页面中引入Echarts的代码如下:<scriptsrc="./stat

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论