Echarts可视化教程（一）——数据可视化与Echarts概述

• 任务描述
• 相关知识
  • 什么是数据可视化
  • 常见的数据可视化工具
  • Echarts
• 编程要求
• 测试说明

---

任务描述

本关任务：完成选择题。

相关知识

本关将主要介绍数据可视化以及Echarts的基本概念。

什么是数据可视化

关于数据可视化，我们早在中学时期的数学课本上就已经有所接触。当时介绍的柱状图、折线图、饼图实际上就是数据可视化的三种实现方式，如下是折线图：

图 1 折线图

这些是基本的数据可视化方式，除此之外，还有一些比较复杂的数据可视化方式，比如词云图、雷达图、地图等，如下是表示人口密度的地图：

图 2 表示中国人口密度的地图

简单来说：数据可视化指的是通过图形、图像等更容易理解的方式展示数据的一种方法。

数据最初始的形式一般都是文本或者表格，那么，为什么要将数据可视化，有如下几种原因：

• 最直观的原因是，可视化后的数据更容易理解，其表达出的信息更加直接。能够被不是从事数据分析的专业人员读懂。

• 对于达到一定量级的数据，不进行可视化很难从中获取到有价值的信息，比如一份上海市2020年地铁乘车数据（大约在GB级别的数据），如果只看表格形式的统计数据，根本拿不到任何有用的信息。

• 可视化后的数据传播能力更强，一张图远比一份Excel表单或者txt文本传播能力强。

数据可视化需要做的工作就是将使用Excel等存放的数据变成图像。这需要一些工具，下面具体介绍。

常见的数据可视化工具

数据可视化的工具五花八门，每个都有自己的优缺点，我们需要更具具体的场景加以选择：

数据可视化方法	特点
Matlab	非常专业且功能强大，能够支持复杂的计算，但是门槛较高
ECharts	能够运行在网页上，兼容绝大部分浏览器，可视化方式较多
R	专业且功能强大，门槛较高，开源免费
Python	功能强大，多种开源库都能进行可视化，资料极其多，社区活跃
D3	JavaScrip库，支持标准的Web技术
HighCharts	兼容性好且开源，能够进行用户交互
FunsionCharts	跨平台且跨浏览器，可用于任何网页的脚本语言
GoogleCharts	提供了大量的可视化图形

Echarts

Echarts是百度公司开发的一款开源的数据可视化工具，是一款纯JavaScript库，目前已经被Apache软件基金会收入开源项目中，其官网地址是：Echarts官网。

Echart最早于2013年6月30日发布1.0版本，目前最新的版本是5.2（2021年9月19日），其底层是Canvas类库ZRender。目前Echart应用于百度内部的核心业务如凤巢、广告管家等。作为开源项目，其它Github上也拥有众多的参与者。

下面是一个用Echarts绘制出的柱状图：

图 3 Echarts绘制出的柱状图

Echars突出的特点如下：

• 丰富的可视化类型，除了支持常见的折线图、柱状图、饼状图、散点图，还支持更加高级的地图、热力图、词云图、关系图、漏斗图、仪表盘等，Echarts还支持自定义图形。

• 输入端直接支持多种数据格式，无需进行转化即可直接可视化。如二维表、key-value等多种格式的数据都可直接可视化。

• 支持千万级数据的可视化，通过动态加载的方式支持千万级的数据在地图上的可视化。

• 跨平台、跨浏览器，支持各种浏览器升至低版本的IE浏览器，支持微信小程序上的可视化，支持使用多种语言开发，如JavaScript、Python和R语言等。

• 支持交互，提供了图例、视觉映射、数据区域缩放、数据筛选等功能。

编程要求

完成选择题。

测试说明

平台会判断你提交的选项是不是正确的选项。

---

开始你的任务吧，祝你成功！

• 1、

  下列关于数据可视化的说法中，错误的是？

  A、

  数据可视乎的方式有柱状图、折线图、雷达图等。

  B、

  可视化后的数据，相比原始的数据形态更加难以理解。

  C、

  数据可视化能够帮助大家理解数据中的信息。

  D、

  数据可视化指的是通过图形、图像等更容易理解的方式展示数据的一种方法。

• 2、

  我们之所以对数据进行可视化，常见的原因不包括：

  A、

  可视化后的数据，数据量更大

  B、

  可视化后的数据更容易理解，其表达出的信息更加直接.

  C、

  对于达到一定量级的数据，不进行可视化很难从中获取到有价值的信息。

  D、

  可视化后的数据传播能力更强。

• 3、

  关于常见的数据可视化工具的特点的说法中，错误的是？

  A、

  Matlab非常专业且功能强大，能够支持复杂的计算，但是门槛较高

  B、

  ECharts 能够运行在网页上，兼容绝大部分浏览器，可视化方式较多。

  C、

  Python功能强大，多种开源库都能进行可视化，资料少且社区不活跃。

  D、

  FunsionCharts跨平台且跨浏览器，可用于任何网页的脚本语言。

• 4、

  Echarts的底层是？

  A、

  Canvas类库ZRender。

  B、

  FFMpeg

  C、

  Flask

  D、

  Mybatis

• 5、

  下面关于Echarts的特点的说法中，错误的是：

  A、

  不支持微信小程序上的可视化。

  B、

  支持更加地图、热力图、词云图、关系图、漏斗图、仪表盘等可视化方法。

  C、

  支持千万级数据的可视化。

  D、

  支持交互，提供了图例、视觉映射、数据区域缩放、数据筛选等功能。

• 答案：B，A，C，C，A