基于ECharts数据可视化项目,应对现在数据可视化的趋势,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。
注:笔记来源于pink老师,作为留存。
可视化面板介绍 应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。
01-使用技术完成该项目需要具备以下知识:
div + css 布局
flex 布局
Less
原生js + jquery 使用
rem适配
echarts基础
02- 案例适配方案
设计稿是1920px
flexible.js 把屏幕分为 24 等份
cssrem 插件的基准值是 80px
插件-配置按钮—配置扩展设置–Root Font Size 里面 设置。
但是别忘记重启vscode软件保证生效
03-基础设置
body 设置背景图 ,缩放为 100% , 行高1.15
css初始化
04-header 布局
高度为100px
背景图,在容器内显示
缩放比例为 100%
h1 标题部分 白色 38像素 居中显 ...
生活日常
未读从重庆到贵阳,再到安顺、黔南、黔东南
初定攻略:
1234567891011121314151617181920212223242526272829303132333435363738394041427/13 重庆西到贵阳北 19:12-22:23 0元贵阳北到酒店(河滨公园站B口) 22:30-23:00 一号线(工业园方向)酒店名:予心·高空观景北欧轻奢酒店(瑞金南路134号宏资大厦15层) 176元两晚7/14 黔灵山公园→甲秀楼→青云市集→白宫 ①黔灵山公园(一个早上)不用提前预约 南大门 九点前入园 索道上山 下山防猴子 可以去熊猫馆 弘福寺 门口可以吃点东西(备用:正新街)十二点②天主堂(1h)地方不大 风格明显 旁边小巷有感觉 余家巷是北门证件照③甲秀楼 就是个公园的样子(1h)④东山寺 爬山看日落 二十到四十分钟左右就爬完(2h)六点⑤青云市集 赛博朋克的美食街(1h)⑥花果园 白宫可以导航花果园湿地公园夜郎谷 (太远啦 下次一定)7/15 车费97元7:50-10:20 贵阳老客车站到黄果树景区 17:10-19:40 坐车回市区7/16 车费118元7点4 ...
思考思索
未读
208be8929efde9c02f6f8e09bdcbf8126cb9b28b28b0a92263e08951d7d1949d2673b195e11d9d30208714bd3665af4010cf36bf408df9300cf9ca605422f36ba32d055f82df3d5cf80ad57ed79915a41411b6a278b6ba981f049e3eb8faac67c415a125edd7526015cf7c276c6019ca3bcb362014f88ea9784186cda60f94db612fad23feff973b8ba8e28cdaacb175075997e1de24b97b1d5d5d83159faf990b787083f0095afdef45eabf70636d5aef0917e48cf033092b1e3b7c6c930d9320793eeb202b81b4d3e92d79f09afb1ac0bf8e2f9eb6ac23815a14277668b9f328628cf8ffe3163c6ead2831f77fe2c927372c10736c8e98b ...
学习一下
未读
1.下载HBase二进制文件:资料链接:(可惜阿里云限制不能上传)
链接:https://pan.baidu.com/s/1hQ4hvY-v8SQAYB-WaoWZeg?pwd=16bd提取码:16bd
2.将文件解压上传到/usr/local12tar -zxvf hbase-1.4.12-bin.tar.gzsudo mv /hbase-1.4.12 /usr/local
3.配置hbase-env.sh和hbase-site.xml123456789101112131415161718192021222324252627hbase-site.xml:<configuration> <property> <name>hbase.rootdir</name> <value>hdfs://localhost:9000/hbase</value> </property> <property&g ...
经验分享
未读
概述font_awesome 的 icon 图标名前缀总共有六种,分别为 fa,fas,fab,fad,far 和 fal,下面来一一介绍。
前缀 fa对于所有 font awesome v5 版本以前的图标,icon 图标的前缀都是 fa。例如教程中的网页截图的原网页 (点击跳转),这个网页就是 font awesome 的 v4 版本网页,因此里面提供的 icon 都是拥有 fa 前缀的,但是由于 hexo 的 butterfly 主题目前配置的是最新的 font awesome v5,而 fa 这个前缀在 v5 版本及其以后版本都将会被弃用,因此在 butterfly 主题中使用 fa 前缀的 icon 是没法显示的。
前缀 fasfas 中的 s 意味着 solid (实心的,加粗的) 的意思,图标的深灰色彩占据了图标设计的大部分。与其他样式相比,实心图标是最显眼、最醒目、最容易辨认的。
前缀 fabfab 中的 b 意味着 brand (商标) 的意思,因此 fas 前缀的 icon 图标都是一些品牌图标,例如 github 图标,csdn 图标,google 图标,f ...
创建font文件夹在 themes/butterfly/source/下创建font文件夹
将HarmonyOS_Sans_SC_Regular.ttf和JetBrainsMono-Regular.ttf放进font
创建css在themes/butterfly/source/css/下创建font.css
编辑font.css
12345678910111213@font-face{ font-family: 'JetBrains Mono'; font-display: swap; src: url('../font/JetBrainsMono-Regular.ttf') format("truetype");}@font-face{ font-family: 'HarmonyOS Sans SC'; font-display: swap; src: url('../font/HarmonyOS_Sans_SC_Regula ...
Hadoop作为处理大数据重要的分布式架构,熟练掌握每一个组件和知识点是非常重要的。随着现代社会产生的大量信息,大数据已不仅仅是调查领域:它是改变业务实践和营销策略的强大力量。据BCG称, 大数据可以帮助分散的零售商将销售额提高3%至4%。
简介adoop由Apache软件基金会(Apache Software Foundation)于2006年推出,是一组开源软件,可跨计算机群集进行数据处理和存储。Hadoop主要是作为一种分析工具而开发的,事实证明,它对于大数据分析特别有效。它可以处理结构化和非结构化数据,具有海量存储功能,并允许处理几乎无限的并行任务。
Hadoop由四个主要模块组成分布式文件系统一也称为HDFS,它可以跨链接的存储设备网络存储数据;MapReduce 一从数据库读取,转换和分析数据;Hadoop Common 一组工具和库,可补充其他模块并确保与用户计算机系统的兼容性;YARN 一集群系统经理。
集群存储系统可以同时在许多设备上运行,因此可以加快数据处理速度。这使得Hadoop对于必须处理大型数据集的任何项目都至关重要。而且,该框架具有很大的灵活性,可以扩 ...
经验分享
未读
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md, .markdown。
Markdown应用Markdown 能被使用来撰写电子书,如:Gitbook。
当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。
Markdown基础标题使用 # 号标记
使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。
123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题
效果如下图所示:
段落Markdown 段落没有特殊的格式,直接编写文字就好, ...
1.资料准备资料下载:https://wwyl.lanzoum.com/isI3P0zrssnc
字段解释:
课程表:
CODE
NAME
PERIOD
CREDIT
课程编号
课程名称
课时
学分
任课表:
CODE
SEMESTER
TEACHER_ID
COURSE_CODE
课程编号
学期
任课老师编号
与上表CODE对应
专业表
ID
COLLEGE
MAJOR
GRADE
CLASS
TYPE
编号
学院
学号
年级
班级
类型
学生表
ID
NAME
GENDER
BIRTHDATE
PHONENUMBER
MAJOR_CLASS
学生编号
姓名
性别
生日
手机号
专业班级
选课表
COURSE_CLASS_CODE
STUDENT_ID
SCORE
与表2的CODE对应
学生编号
成绩
教师表
ID
NAME
GENDER
TITLE
教师编号
姓名
性别
职称
2.日常操作(1)启动、新建文件夹12start-all.shhadoop fs -mkdir /hadoo ...