Echarts 源码解读 一：zrender源码分析1var zr = zrender.init(document.getElementById(‘main‘))；

2021SC@SDUSC

    因为Echarts是基于zrender进行实现的，所以解读echarts源码前，首先要对zrender有基本的了解。

    zrender是canvas的一个类库，zrender是基于canvas实现的。

目录

zrender的src文件夹 

文件夹：

animation动画相关

contain包含判断

core核心代码，包含一些工具（util.js）、事件（event.js）、唯一ID（guid.js)、矩阵运算有关(matrix.js）等

dom dom事件有关

graphic 图形有关，shape文件夹下就是各个图形的js文件

mixin混入模式要混入的函数

tool工具函数，包括颜色工具（color.js）、path工具（path.js）和转换工具(transformPath.js）

vml IE中的画笔，vml解释

全局文件：

config.js配置文件

Element.js元素文件，作为zrender最基本的元素

Handle.js C层，控制层

Layer.js图层管理

Painter.js V层，视图层

Storage.js M层，数据管理层<