echarts 源码分析 —— 基本框架

一：基本介绍 

1、echarts 底层依赖 ZRender，一个轻量级的二维绘制库。

2、echarts 源码可以编译成三个版本，分别为完整版本、常用版本和精简版本，入口是下面三个文件。

3、echarts 的基本使用：

/** * 1、基于准备好的 dom，初始化 echarts 实例，参数分别是 dom、theme 和 opts。*    1)、dom 是 echarts 挂载的容器。*    2)、theme 是图表主题，可以在 主题下载 - Apache ECharts 下载或者定义自己的主题。* ​   3)、opts 是一些基础配置项（宽高、渲染类型等）。
**/
let myChart = echarts.init(document.getElementById('main'));// 2、构造自定义 option 对象，指定图表的配置项和数据
let option = {title: {text: '第一个 ECharts 实例'},tooltip: {},legend: {data: ['销量']},xAxis: {data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]},yAxis: {},series: [{name: '销量',type: 'bar',data: [5, 20, 36, 10, 10, 20]}]
};/*** 3、设置 options 配置，参数分别是 option，notMerge, lazyUpdate*    1)、option 是自定义的配置项*    2)、notMerge 布尔值：是否合并配置项*    3)、是否懒更新
**/
myChart.setOption(option);

二、深入源码

版本：5.2.2

一些基本概念：

 源码 src 目录下：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！