ECharts数据可视化

ECharts数据可视化

   欢迎加入前端技术营！如果你也是前端学习者或者对前端有学习的想法，那就跟着我一起从零开始进击前端。
  致力于尽可能详细且简洁的介绍前端知识、自己的捷径，也是学习路上的记录。欢迎探讨

文章目录

• • 简单介绍
  • 目前互联网需求
  • 常见数据可视化库
  • Echarts使用步骤
  • 面试题
  • • 一、DOM0级和DOM2级有什么区别
    • 二、textContent、innerText、innnerHTML、value的区别

简单介绍

数据可视化主要目的:借助于图形化手段，清晰有效地传达与沟通信息。

数据可视化可以把数据从冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。

ECharts是一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等)，底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

目前互联网需求

通用报表
地理可视化
图编辑&图分析
大屏可视化
移动端图表

常见数据可视化库

AntV蚂蚁金服全新一代数据可视化解决方案

Highcharts.js国外的前端数据可视化库，非商用免费，被许多国外大公司所使用

ECharts.js百度出品的一个开源Javascript数据可视化库

D3.js ：目前Web端评价最高的Javascript可视化工具库(入手难)

Echarts使用步骤

比如我们需要一个柱状图：

//1、引入JS文件
<script src="echarts.min.js"></script