Zrender

简介

Zrender是百度提供的一套轻量级基于canvas的绘图库，也是目前国内较为流行的echarts的底层库。详见官网http://ecomfe.github.io/zrender/index.html

入门

zrender上的API目前还是2.x的。但源码已更新到3.4.1了。建议使用最新版本。

1. 下载官网示例
   下载https://github.com/ecomfe/zrender上的示源码，/test/下是一些简单的应用示例，示例中用到的API是新版本，因此很具参考价值，基本上可以通过这些示例入门

2. 环境配置
   然而官网上用的示便是基于AMD的，用的异步库是百度的esl.js， 类似于require.js（且官方目前也没有创建全局库因此无法直接在使用<script>引入到html页面）。这在前端工程化的时代显得有些过时，为了用到实际项目中，我们还是建议使用webpack来统一搭建前端开发环境。
   具体步骤如下：

   1. 下载
      npm install zrender --save

   2. 引入
      var zrender = require('zrender');

   3. 实例化
      var zr = zrender.init(dom);

3. 基础讲解
   对于大多数的绘图库来说，最为重要的部分如下：

   1. 显示列表

   2. 交互、事件流

   3. 动画

   因此学习zrender也可从这3个最基础的方面入手。