### 介绍
 组件库基于vue,主要用于构建大屏（全屏）数据展示页面即数据可视化，具有多种类型组件可供使用：
 （[使用文档 ](https://dayawork.gitee.io/ts-vue-echarts)）

1. 装饰器 （[基于DataV ](http://datav.jiaminghi.com/guide/)），详情可以点此链接

* **边框**

    带有不同边框的容器

* **装饰**

    用来点缀页面效果，增加视觉效果

* **图表**

    图表组件基于[Charts](http://charts.jiaminghi.com)封装，轻量，易用

* **其他**

    飞线图/水位图/轮播表/...

2. echarts 图表的二次封装；echarts版本5.3.2， 不兼容4.x版本的写法 （[echarts中文官方](https://echarts.apache.org/zh/index.html)）（移动端可用）

[效果预览地址](https://tourism.torinosrc.com/ts-xiqiaoshan-webview/chart/#/home) （有时会失效）
* **柱状图**


* **饼状图**


* **折线图**


* **地图**

3d地图/2d地图/散点地图/热力图/飞线图/行政图...


* **echarts通用图表**
采用echarts的全配置项

## 用前必看
长期维护，不断添加新组件以丰富组件库，组件主要分为echarts相关和装饰器两大类；

## 致谢
组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有BUG可联系，也欢迎提供指正和建议，感谢各位的支持，邮箱： daiyuewen@gmail.com。

## TODO
- 地图组件的完善
- 尺寸兼容性
- 文档详细化
- 组件压缩优化

## 安装

## 使用
由于动态尺寸变化的问题还没有解决，import XXX from 'ts-vue-echarts'，调整为import XXXX from 'ts-vue-echarts/src/index'

```js
// 方法一：将自动注册所有组件为全局组件
import {useEchartView, useEchart} from 'ts-vue-echarts/src/index'
Vue.use(useEchartView)
Vue.use(useEchart)

// 方法二：将自动注册所有组件为全局组件
import useVueEchart from 'ts-vue-echarts/src/index'
Vue.use(useVueEchart)
```

## 按需引入

按需引入仅支持基于**ES module**的**tree shaking**，按需引入示例如下：

```js
import { tsVueBarStyle1 } from 'ts-vue-echarts'
Vue.use(tsVueBarStyle1)
```
