• ECharts

  ECharts(Enterprise CHarts)，商业级数据图表，是百度的一个开源的数据可视化工具，一个纯 Javascript 的图表库，能够在 PC 端和移动设备上流畅运行，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的 Canvas 库 ZRender，ECharts 提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。

• 学习资料

  1. ECharts官网
  2. ECharts Github
  3. ECharts官方教程
  4. W3Cschool教程
  5. W3Cschool如何快速上手ECharts

• 相关概念解析

  作为新手，各类教程中提到的一些概念还不太清楚。

  1. Canvas

     前文提到，ECharts底层依赖轻量级的Canvas库ZRender。那什么是Canvas，什么又是ZRender。

     标签是HTML5的新元素，通过使用该元素，你可以在网页中绘制所需的图形。标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API。
     标签只是图形容器，您必须使用脚本来绘制图形。

     详情参见《W3Cschool HTML5教程：Canvas》

  2. ZRender

     ZRender 是二维绘图引擎，它提供 Canvas、SVG、VML 等多种渲染方式。ZRender 也是 ECharts 的渲染器。zrender（Zlevel Render） 是一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型。

     开发团队与ECharts是同一批人。

     Github：ZRender

     ZRender官方文档

  3. npm安装

     npm install echarts是官网提到的一个安装方式。

     npm是随同NodeJS一起安装的包管理工具，类似Python的pip，能解决NodeJS代码部署上的很多问题，常见的使用场景有：

     • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
     • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
     • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

     由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。

     关于npm模块的机制参见《npm 模块安装机制简介》

     那这个nodejs又是什么呢？

  4. Node.js

     Node.js 就是运行在服务端的 JavaScript。

     Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

     Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎。

     《菜鸟教程：Node.js教程》

  5. cdn

     可以通过cdn引入ECharts。

     CDN(Content Delivery Network)，内容分发网络，也称为内容传送网络。

     CDN网络中包含的功能实体包括内容缓存设备、内容交换机、内容路由器、CDN内容管理系统等组成。

     CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。

  6. JavaScript

     综上，离不开JavaScript。

     • 廖雪峰的官方网站：Javascript教程
     • W3Cschool：Javascript教程
     • 菜鸟教程：JavaScript教程

ECharts学习路线图相关推荐

1. react实战项目_前端学习路线图--从网页设计到项目开发

   前端学习路线是螺旋上升的,需要耗费的时间和精力不比其他编程的少,由于其稳健性的特点,使其成为大多数企业开发的刚需编程语言.在网上看到有很多的前端学习路线图,但大部分的前端学习路线图是很零碎的,没有系统 ...

2. python学习路线图（初级阶段，中级阶段，高级阶段）

   python学习路线图 1 预备知识 1.1 python简介 1.2 程序设计思想 1.3 安装python 1.3.1 windows安装python 1.3.2 Linux安装python 1. ...

3. 2020最新版前端学习路线图--让前端学习变得美如画

   前端学习路线是螺旋上升的,前端学习需要耗费的时间和精力不比其他编程的少,由于前端稳健性的特点,使其成为大多数企业开发的刚需编程语言. 在网上看到有很多的前端学习路线图,但大部分的前端学习路线图是很零碎 ...

4. 适合零基础学习者的Java学习路线图到底长啥样？一篇文章带你学会Java

   很多小伙伴在转行互联网的时候,都担心自己不能坚持,不知道Java适不适合自己. 那最好的方式就是先不要着急直接转行,自己可以先去试着学习一些基础知识,看看对Java的学习难度能否适应以及自己是否真心喜 ...

5. 你们要的Java学习路线图，来喽

   来源:七哥爱编程 你们要的Java学习路线图来了,七哥结合目前工作以及各大主流公司面试和使用的技术整理出了2020最新版Java学习路线图,适合于初.中.高级别的Java程序员,我自己也是按照这个路线 ...

6. 【转】2023年Java学习路线图-黑马程序员

   PS:注意收藏,此套路线图会不定期更新! Java学习路线图(2023版,视频已更新) 入门: Java SE基础 → Java Web(含数据库+H5+js+vue) 中级: Maven → Git ...

7. Java学习路线图分享（含项目+面试提升）最全整理

   为大家整理了2022最新的Java学习路线图,从学前准备.学习路线.项目实战.面试提升等四个方面给大家分享一些经验,希望可以给学习Java的小伙伴们一些帮助. 个人学习经验: 我本人是计算机科班出身, ...

8. 初学前端，学习路线图必不可少，更有【95页】初级前端模块笔记！

   前言 在初学前端的时候,我们总会遇到一些问题,我们可以在网上看到很多关于前端的这些问题: 你们都是怎么学web前端的? 零基础,怎么自学好前端? 前端需要学多久,都学哪些知识? 想成为一名合格的前端工 ...

9. 自学前端需要达到什么水平才能去找工作？来看看这套前端学习路线图

   自学前端需要达到什么水平?当然是水平越高,越容易找到工作. 在竞争这么激烈的2020年,就需要更加的努力,充实自己,让自己不被代替! 看了好多的回答,大家都是再说学到什么水平能找到工作,我就来分享干货 ...

最新文章

1. 化工热力学：第三章 纯流体的热力学性质
2. mysql 密码1045_mysql登录1045错误时 修改登录密码
3. 火狐浏览器账号登录步骤详解
4. Dev ChartControl
5. 使用 Pandas 与 Matplotlib 分析科比职业生涯数据-CSDN公开课-专题视频课程
6. 安徽大学线性代数习题册（第三章详细解答）
7. 谷歌浏览器的笔记在哪里_推荐七款谷歌浏览器chrome在线网页阅读模式插件
8. 乐嘉写给15岁的女儿的信
9. 计算机一级选择题答题技巧,计算机一级考试模拟题内容 答题技巧
10. NVIDIA GeForce Experience登录报错：验证程序加载失败，请检查您的浏览器设置，例如广告拦截程序(解决办法)
11. 进阶篇：3.1）注塑件设计
12. java获取ip地址与网络接口
13. 华南农业大学计算机学院院长,华南农业大学外国语学院院长何高大
14. 单核cpu多核cpu如何执行多线程
15. AUTOSAR MCAL解析：MCU
16. Win10 Rational Rose 关于报错 Rational Lience Key Error及一劳永逸解决报错法
17. StringBuffer 拼接字符串时，删除最后一个逗号
18. Git 命令行的各种退出方式
19. 【大数据开发】FlinkSQL实战
20. JS调试的一些小技巧

热门文章

1. 用python判断年份是否为闰年
2. 获取Windows远程桌面端口
3. 730.所有子集的和
4. Always match Chromes language switch devTools to chinese（谷歌浏览开发者模式中英文切换方法）
5. C# partial的用法
6. 三维地图3D可视化应用案例
7. Springcloud-实用篇
8. 为了避免360等浏览器的页面缓存影响到系统的参数，可以在对应页面中添加随机参数。
9. “绿色”酿酒 | 致力于有机农业和葡萄园可持续发展的百年酒庄
10. 生信分析-利用TBtools提取序列