实验三 大数据可视化工具—ECharts

实验内容:
1.练习掌握ECharts数据可视化步骤
2. 根据共享的实验数据,练习使用ECharts制作散点图、饼图、折线图等

所需数据和源码均可关注微信公众号:Time木 回复:大数据可视化echart
若实验过程中出现运行结果图的中文乱码可见本章末的注意
实验步骤1.1中的新建一个文本文件,也可直接新建一个HTML页面,然后用notepad++或其他编辑器打开

实验步骤:
1.1在一个文件夹下放“echarts.common.min.js”文件和新建一个文本文件

1.2打开文本文件
1.3编写代码(以下为讲解代码,适当修改后可运行)
(1)引入ECharts

<head><meta charset="utf-8"><title>ECharts</title><script src="echarts.common.min.js"></script></head>

(2)准备容器

<body><div id="main" style="width: 800px;height:800px;"></div>
<body>

(3)初始化实例

<body>
<div id="main" style="width: 800px;height:800px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
<body>

(4)指定图表的配置项和数据

  var option = {title: {text: 'ECharts 实例'},//提示框组件tooltip: {//坐标轴触发,主要用于柱状图、折线图等trigger:'axis'},//图例legend: {data:['销量']},//横轴xAxis: {data: ["衬衫","短袖","短裤","大衣","高跟鞋","帽子"]},//纵轴yAxis: {},//系列列表,每个系列通过type决定不同的图表类型series: [{name: '销量',//折线图type: 'line',data: [15, 20, 40, 10, 20, 30]}]};

(5)显示图表

myChart.setOption(option);

运行代码

1.4将文件的后缀改为“.html”

1.5双击

  1. 根据共享的实验数据,练习使用ECharts制作散点图、饼图、折线图等
    散点图代码
    (1) 散点图代码

    双击

    (2) 饼图代码

    运行结果

(3)折线图代码:

运行结果:

注意:出现中文乱码可参考:HTML页面中文乱码解决方法
https://blog.csdn.net/qq_43374681/article/details/116330444

所有所需数据和源码均可关注微信公众号:Time木 回复:大数据可视化echart

实验三 大数据可视化工具—ECharts相关推荐

  1. 视频教程-跟风舞烟学大数据可视化-Echarts从入门到上手实战-JavaScript

    跟风舞烟学大数据可视化-Echarts从入门到上手实战 网名风舞烟,中国科技大学计算机专业.微软认证讲师(MCE).微软数据分析讲师.10多年软件行业从业经验,参与过数百万的企业级ERP系统,在大数据 ...

  2. R语言入门第四集 实验三:数据可视化

    R语言入门第四集 实验三:数据可视化 一.资源 [R语言]R语言数据可视化--东北大学大数据班R实训第三次作业 在r中rowsums_R语言初级教程(15): 矩阵(下篇) R语言环境变量的设置 环境 ...

  3. 大数据可视化工具圈里的春秋战国

    大数据可视化工具因其能将数字变成酷炫的图表而进入大众视野,但大家对该产品的了解还很有限,本文将从竞争格局.发展现状以及未来趋势三个维度具体探究大数据可视化工具市场的发展. 大数据可视化工具的市场竞争格 ...

  4. 科研人必看!全球优秀大数据可视化工具汇总!

    1. Tableau Tableau 是一款企业级的大数据可视化工具.Tableau 可以让你轻松创建图形,表格和地图.它不仅提供了PC桌面版,还提供了服务器解决方案,可以让您在线生成可视化报告.服务 ...

  5. 强推!你值得拥有的十大顶级大数据可视化工具

    要使数据分析真正有价值和有洞察力,就需要高质量的可视化工具.市场上有很多产品,特点和价格各不相同,本文列出了一些广泛认可的工具.其实企业如何选择一个合适的可视化工具,并不是一件容易的事情,需要仔细的考 ...

  6. 大数据可视化html模板开源_5个最受工程师欢迎的大数据可视化工具

    大数据可视化是进行各种大数据分析解决的最重要组成部分之一. 一旦原始数据流被以图像形式表示时,以此做决策就变得容易多了. 为了满足并超越客户的期望,大数据可视化工具应该具备这些特征: 能够处理不同种类 ...

  7. python 3d大数据可视化软件_十大顶级大数据可视化工具推荐

    要使数据分析真正有价值和有洞察力,就需要高质量的可视化工具.市场上有很多产品,特点和价格各不相同,本文列出了一些广泛认可的工具.其实企业如何选择一个合适的可视化工具,并不是一件容易的事情,需要仔细的考 ...

  8. 麻省理工学院推出数据美国大数据可视化工具

    麻省理工学院近日推出了一个"数据美国"在线大数据可视化工具,可以实时分析展示美国政府公开数据库(Open Data). 波士顿职业人口比例统计图 用户只需要输入任意美国地名(例如上 ...

  9. 如何选择一个合适的大数据可视化工具

    高质量的可视化工具对数据分析是必不可少的.数据可视化工具是一种应用软件,它帮助用户以可视化和图形化的格式显示数据,并提供数据的完整轮廓.饼图.曲线.热图.直方图.雷达/蜘蛛图只是可视化的一小部分,这些 ...

  10. python 3d大数据可视化软件_分享4个最受欢迎的大数据可视化工具

    想像阅读书本一样阅读数据流?这只有在电影中才有可能发生. 在现实世界中,企业必须使用数据可视化工具来读取原始数据的趋势和模式. 大数据可视化是进行各种大数据分析解决的最重要组成部分之一. 一旦原始数据 ...

最新文章

  1. mysql.server 文件是什么_mysql的启动脚本mysql.server及示例配置文件
  2. python 版本比较函数 LooseVersion StrictVersion
  3. 未能在全局命名空间中找到类型或命名空间名称“Wuqi”
  4. JQuery Ajax解读(3)
  5. Analyzer普通用户登录不了[从网络访问此计算机]
  6. 【跃迁之路】【428天】程序员高效学习方法论探索系列(实验阶段185-2018.04.09)...
  7. 如何运用并行编程Parallel提升任务执行效率
  8. 10个常见的缓存使用误区
  9. 组策略:交互式登录:不显示最后的用户名
  10. php sql 字段不能为空值,关于php:Sudden SQL问题-一般错误:1364字段没有默认值
  11. 所有C#程序员必须知道的13件事
  12. Ubuntu 13.04 安装最新版本的Nginx
  13. velocity 教程
  14. 免费python网络课程-python网络课程
  15. asp.net mvc bundle中数组超出索引
  16. tomcat source code in eclipse
  17. linux嵌入式学习
  18. TLS回调函数以及反调试简单使用
  19. 千年后,邂逅属于你的游园梦:华为带给智慧园区的生态鼎新
  20. html 背景图片旋转,CSS3只让背景图片旋转180度的实现示例

热门文章

  1. GAGE EON采集卡
  2. MPEG4写为avi文件
  3. HTML+CSS+JavaScript实现植物大战僵尸(附演示地址)
  4. 用CE修改植物大战僵尸阳光值
  5. ASEMI整流桥S25VB100,S25VB100参数,S25VB100应用
  6. 最近在做的一个项目,利用FFMpeg合并视频时发现的问题及解决方法
  7. Android下载自带开源图标库教程
  8. 联想笔记本那些有手写功能_可以在屏幕上自由手写联想Android平板电脑的哪些软件?如何设置联想平板电脑的手写笔迹...
  9. checkIP——烂代码又堆了一个ip活性检测工具
  10. MATLAB的WFDB软件下载及使用