Zrender学习笔记
基础用法
基础用法
一.zrender案例
二.zrender案例二
三.zrender案例三
canvas实现
canvas实现
一.折线图
二.柱状图
三.饼图
四.关系图
源码解析
源码解析
zrender
查看源码
(opens new window)
#
源码解析
#
1.整体架构
基于 MVC 模式的整体架构
1.zrender.init 实例化 Storage、Painter、Handler
2.实例化绘制的图形
3.add 添加图形到 zrender 内部刷新视图
#
1.1 M (Storage.js)
负责数据的处理
#
1.2 V (Painter.js)
负责视图的绘制
#
1.3 C (Handler.js)
负责页面的事件交互
项目入口
→