# 基于echarts封装的常用图表组件库


- 项目引用

> npm i echarts echarts-gl echarts-liquidfill -S
> npm i th-vue-echarts -S

```js
  import ThVueEcharts from 'th-vue-echarts'
  import 'th-vue-echarts/lib/th-vue-echarts.css'
  Vue.use(ThVueEcharts)
```

# 一、指令说明

``` bash
# 安装依赖
npm run pre

# 启动DEMO开发模式
npm run dev

# 打包DEMO
npm run build:demo

# 打包组件
npm run build

# 发布（npm adduser && npm login）
npm run deploy

```

# 二、图表组件

- 圆饼分类图: `<th-echarts-pie-category/>`
- 简化圆饼分类图: `<th-echarts-pie-category2/>`
- 圆环形进度条: `<th-echarts-ring-progress/>`
- 多环进度条: `<th-echarts-multi-ring/>`
- 水球图: `<th-echarts-water-polo/>`
- 曲线图带渐变区域: `<th-echarts-line-area/>`
- 曲线图: `<th-echarts-line/>`
- 曲线柱形双轴图: `<th-echarts-line-bar/>`
- 柱形分类图: `<th-echarts-bar-category/>`
- 横向柱形进度条: `<th-echarts-bar-progress/>`
- 3d地图: `<th-echarts-map3d/>`
- 2d地图: `<th-echarts-map2d/>`
- 滚动计数: `<th-echarts-count-to/>`
