六、数据可视化—Echars(爬虫及数据可视化)

六、数据可视化—Echars(爬虫及数据可视化)

  • Echarts
  • 应用

Echarts

Echarts官网,很多图表等都是我们可以
https://echarts.apache.org/zh/index.html

是百度自己做的图表,后来用的人越来越多,捐给了orange组织,要想学习看官方就够了

文档有教程

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

此处已经有下载好的最小版了
在这里插入图片描述

还有另外一种方法下载,进行在线定制
在这里插入图片描述
在这里插入图片描述

选完后,上面会有绿色对勾,最下方会有直接下载即可

这个可以根据自己的业务需求进行最小化的定制
在这里插入图片描述

生活中一些科研图表等,也可能会用到此种图表,用于

在这里插入图片描述

所有的可视化最根本的是数据,而可视化效果是js的图形进行的表示

只要学会一个基本的就能会其他的了

5分钟上手echarts,官方教程

将echarts.min.js粘贴到下方

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

此处完全可以直接打开HTML观察,这个无需打开服务器,只查看测试的话

柱状图如下所示
在这里插入图片描述

此时第一个示例已经运行完成了

接下来看echarts基础概念概览

一个网页中可以有多个图表,
在这里插入图片描述

系列,在整个图中某一部分寻找对应关系

相同的数据源可以有不同的表示效果

Option选项,通过里面的参数可以使图表显示成自己想要的效果

当我们在实例中看到自己想要的图标时,可以选择将里面的代码复制出来

下面的实例中是可以进行实时修改的
在这里插入图片描述

上图左侧的代码是script中的代码
在这里插入图片描述

应用

使用豆瓣分析的网站演示

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

如何找到需要修改的参数
通过查看别人的实例,自己进行实时修改,将别人里面的一些东西进行复制到自己的例子中测试其功能

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

通过看别人的案例,找到自己想要某部分,然后复制更改

样子选好了,只需要更改里面的data内容就行了,即横坐标内容,纵坐标的数值

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在展示之前,先保证SQL语句的正确

在这里插入图片描述
在这里插入图片描述

@app.route('/score')                             #访问根路径
def score():score_data = []         #评分的种类num_data = []           #每个评分对应的电影数量con = sqlite3.connect("movie.db")  # 连接数据库,路径当前路径cur = con.cursor()  # 游标定义#下方语句可在数据库测试sql = "select score,count(score) from movie250 group by score"  # 从从数据库表movie250中查找分数和有多少个分数,按评分进行分组data = cur.execute(sql)for item in data:score_data.append(item[0])  # 得到的数据要保存到列表中,否则后面关闭时会丢失信息num_data.append(item[1])cur.close()con.close()return render_template("score.html",score_data=score_data,num_data=num_data)    #传递变量到页面中

在这里插入图片描述

在这里插入图片描述

上面的都是数字的形式,直接传入页面渲染的
若是列表得到的是字符串形式的,需要在页面渲染时进行转换
App.py文件下的

score_data.append(str(item[0]))

html下的变量

data: {{ score_data|tojson }}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/374604.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

相机光学(三十)——N5-N7-N8中性灰

GTI可提供N5/N7/N8中性灰涂料,用于不同的看色环境,N5/N7/N8代表深中浅不同的灰色程度,在成像、工业、印刷行业中,分别对周围观察环境有一定的要求,也出台了相应的标准文件,客户可以根据实际使用环境进行选择…

FiddlerScript Rules修改-更改发包中的cookie

直接在fiddler script editor中增加如下处理代码即可 推荐文档oSession -- 参数说明 测试笔记 看云

树莓派4B_OpenCv学习笔记19:OpenCV舵机云台物体追踪

今日继续学习树莓派4B 4G:(Raspberry Pi,简称RPi或RasPi) 本人所用树莓派4B 装载的系统与版本如下: 版本可用命令 (lsb_release -a) 查询: Opencv 版本是4.5.1: Python 版本3.7.3: ​​ 今日学习&#xff1…

RAG 工业落地方案框架(Qanything、RAGFlow、FastGPT、智谱RAG)细节比对!CVPR自动驾驶最in挑战赛赛道,全球冠军被算力选手夺走了

RAG 工业落地方案框架(Qanything、RAGFlow、FastGPT、智谱RAG)细节比对!CVPR自动驾驶最in挑战赛赛道,全球冠军被算力选手夺走了。 本文详细比较了四种 RAG 工业落地方案 ——Qanything、RAGFlow、FastGPT 和智谱 RAG,重…

不仅是输出信息,console.log 也能玩出花

console.log 是 JavaScript 中一个常用的函数,用于向控制台输出信息。 console.log 虽然主要用于调试目的,但也包含了一些有趣的用法, console.log 不仅能输出文本,还能以更丰富的方式展示信息。 比如我们打开 B 站,然…

79. UE5 RPG 创建技能冷却和消耗

在这一篇里面,我们接着优化技能,现在角色添加的主动技能能够同步到ui上面。我们在这一篇文章里面,完善技能的消耗(释放技能减少蓝量)和冷却机制。 我们可以看到,在技能类默认值这里,可以设置它的…

【YashanDB知识库】YashanDB 开机自启

【问题分类】 YashanDB 开机自启 【关键字】 开机自启,依赖包 【问题描述】 数据库所在服务器重启后只拉起monit、yasom、yasom进程,缺少yasdb进程: 【问题原因分析】 数据库安装的时候未启动守护进程 【解决 / 规避方法】 进入数据库之前…

问题清除指南|Dell OptiPlex 7070 升级 win11 开启 TPM 2.0 教程

前言:最近想把实验室台式机的系统从 Windows 10 升级到 Windows 11,遇到一点小问题,在此记录一下解决办法。 ⚠️ 注:本教程仅在 Dell OptiPlex 7070 台式机系统中测试有效,并不保证其余型号机器适用此教程。 参考链接…

计算机网络体系结构解析

OSI参考模型 与 TCP/IP模型 如图所示 TCP/IP模型有几层 应用层:只需要专注于为用户提供应用功能 HTTP、SMTP、Telnet等,工作在操作系统中的用户态,传输层及以下工作在内核态传输层:为应用层提供网络支持(TCP、UDP传…

谷粒商城实战-25-分布式组件-SpringCloud Alibaba-Nacos配置中心-加载多配置集

文章目录 一,拆分配置集二,配置文件中配置多配置集1,引用多配置集2,验证 三,多配置集总结1,使用场景2,优先级 这一节介绍如何加载多个配置集。 大多数情况下,我们把配置全部放在一个…

Linux系统学习 —— 计算机基础(笔记篇)

一、电脑硬件 电脑硬件由输入,控制计算,输出三部分组成。 输入部分包括键鼠,读卡器(外部接口),扫描仪(打印机的扫描仪)。计算控制部分包括CPU , 内存,硬盘&…

【Git基本操作】添加文件 | 修改文件 | 及其各场景下.git目录树的变化

目录 1. 添加文件&add操作和commit操作 2. .git树状目录的变化 3. git其他操作 4. 修改文件 4.1 git status 4.2 git diff 1. 添加文件&add操作和commit操作 add操作:将工作区中所有文件的修改内容 添加进版本库的暂存区中。commit操作:…

『Django』自带的后台

theme: smartblue 本文简介 点赞 关注 收藏 学会了 上一篇讲了 Django 操作 MySQL 的方法,讲了如何创建模型,如何对数据库做增删改查的操作。但每次修改数据都要写代码,多少有点麻烦。 有没有简单一点的方法呢? 有的有的&#…

鸿蒙语言基础类库:【@ohos.util.Vector (线性容器Vector)】

线性容器Vector 说明: 本模块首批接口从API version 8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。开发前请熟悉鸿蒙开发指导文档:gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。 Vect…

C语言 结构体和共用体——结构体所占内存的字节数

目录 结构体所占内存的字节数 结构体所占内存的字节数

极验语序点选验证码识别(一)

注意,本文只提供学习的思路,严禁违反法律以及破坏信息系统等行为,本文只提供思路 极验文字点选验证码不必多说,很多小伙伴,借助标注工具或者打码平台标注完数据集后,使用开源的目标检测网络即可完成,欢迎收看我之前的文章: Pytorch利用ddddocr辅助识别点选验证码 或者使…

d3dcompiler_43.dll文件是什么?如何快速有效的解决d3dcompiler_43.dll文件丢失问题

dcompiler_43.dll 是一个Windows系统中的系统文件,属于DirectX软件的一部分。这个dcompiler_43.dll(动态链接库)文件主要用于处理与3D图形编程有关的任务,是运行许多游戏和高级图形程序必需的组件之一。那么如果电脑丢失d3dcompil…

Unity之OpenXR+XR Interaction Toolkit实现 Gaze眼部追踪

使用 Unity OpenXR 实现Gaze眼部追踪 在虚拟现实(VR)和增强现实(AR)应用中,眼动追踪是一项强大而受欢迎的技术。它可以让开发者更好地理解用户的注意力和行为,并创造出更加沉浸和智能的体验。在本文中,我们将探讨如何使用 Unity OpenXR 实现Gaze眼部追踪功能。 Unity …

Flutter-实现物理小球碰撞效果

效果 引言 在Flutter应用中实现物理动画效果,可以大大提升用户体验。本文将详细介绍如何在Flutter中创建一个模拟物理碰撞的动画小球界面,主要代码实现基于集成sensors_plus插件来获取设备的加速度传感器数据。 准备工作 在开始之前,请确保…

聊聊大模型如何为敏捷研发提效

这是鼎叔的第一百零二篇原创文章。行业大牛和刚毕业的小白,都可以进来聊聊。 欢迎关注本公众号《敏捷测试转型》,星标收藏,大量原创思考文章陆续推出。本人新书《无测试组织-测试团队的敏捷转型》已出版(机械工业出版社&#xff…