- 1、本文档共4页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
实验5 大数据可视化
1.实验目的
通过大数据可视化的实验,学生可以掌握Echarts.js可视化方法,直方图、饼图和标签云可视化方法,进而为大数据分析结果展现奠定基础。
2.实验要求
了解数据可视化技术的主要内容,理解Echarts.js的主要功能,并能够独立完成以下内容。
(1)构建Echarts.js环境。
(2)准备实验数据。
(3)柱状图。
(4)折线图。
(5)饼图。
3.实验内容
(1)制订实验计划。
(2)选择可视化工具,并进入基于选中工具环境。
(3)准备数据。
(4)实现可视化。
4.实验总结
通过本实验,使学生了解大数据可视化的特点和过程,掌握一种可视化工具,学习通过可视化实现柱状图、饼图、折线图的方法。
5.思考拓展
(1)为什么需要数据可视化?
(2)常用的数据可视化工具有哪些?
(3)结合一种可视化工具,说明制作可视化饼图的过程。
答:大数据可视化方法如下
数据可视化-ECharts.js的基本使用
数据可视化是前端必备技能之一,可视化插件也是非常常用且实用的一个插件,这里简单介绍一下ECharts.js这个插件的基本使用步骤。
ECharts.js 是百度出品的一个开源javascript数据可视化库,是目前国内最常用、最热门的一个基于javaScript的数据可视化插件。
下面是ECharts.js的网址:
ECharts官网地址:/zh/index.html/
Apache ECharts:/zh/index.html
下面简答介绍一下ECharts.js库的基本使用步骤--五步曲
ECharts使用五步曲:
1.下载并引入echarts.js文件--图表依赖这个js库
只需下载一个:echarts.min.js引入即可
2.准备一个具备大小的DOM容器--生成的图表会放入此容器中
3.初始化echarts实例对象--实例化echarts对象
var myChart = echarts.init(容器对象)
// 第三步:初始化/实例化echarts对象
var myChart = echarts.init(document.querySelector(.box));
4.指定配置项和数据(option)--根据具体需求修改配置选项
var option = { 配置项数据 }
// 第四步:指定配置项和数据
var option = {
title: {
text: ECharts 入门示例
},
tooltip: {},
legend: {
data:[销量]
},
xAxis: {
data: [衬衫,羊毛衫,雪纺衫,裤子,高跟鞋,袜子]
},
yAxis: {},
series: [{
name: 销量,
type: bar,
data: [5, 20, 36, 10, 10, 20]
}]
}
5.将配置项option设置给echarts实例对象--让echarts对象根据修改后的配置生效
myChart.setOption(option)
// 第五步:将配置项设置给echarts实例对象--让echarts对象根据修改后的配置生效
myChart.setOption(option)
效果图展示:
综上已经基本介绍了ECharts数据可视化库的使用方法和步骤,而这其中的第1、2、3、5步基本都是差不多不需要修改的,不同的项目所需要的不同图形和数据基本都是在第4步(指定配置项和数据)中进行修改即可,而常用到的折线图、柱状图、饼图、散点图等等都可以访问开头提供的网址--查看示例然后根据个人需求选择一个类似的图形再结合项目需求数据进行修改option中的配置项参数即可。
————————————————
文档评论(0)