# echarts单个容器实现多个图表

**Repository Path**: microming/echartStudy

## Basic Information

- **Project Name**: echarts单个容器实现多个图表
- **Description**: 在官网碰到一个例子，只看到一个容器实现了多个图表，感觉非常神奇。研究了代码才发现只是在一个容器里分割了多个子容器来实现的，难度不大。但官网写法因为是要兼容其他图表，所以写的比较复杂，这里把核心代码分离出来，让更多的人学习学习。
官网实例地址：http://gallery.echartsjs.com/editor.html?c=xBkXgRwejM
- **Primary Language**: JavaScript
- **License**: MPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-12-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 单个容器实现echarts

#### 介绍
在官网碰到一个例子，只看到一个容器实现了多个图表，感觉非常神奇。研究了代码才发现只是在一个容器里分割了多个子容器来实现的，难度不大。但官网写法因为是要兼容其他图表，所以写的比较复杂，这里把核心代码分离出来，让更多的人学习学习。
官网实例地址：http://gallery.echartsjs.com/editor.html?c=xBkXgRwejM

#### 软件架构
软件架构说明


#### 安装教程

1. xxxx
2. xxxx
3. xxxx

#### 使用说明

1. xxxx
2. xxxx
3. xxxx

#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)