基于echarts封装的常用图表组件库
- 项目引用
npm i th-vue-echarts -S
import ThVueEcharts from 'th-vue-echarts'
import 'th-vue-echarts/lib/th-vue-echarts.css'
Vue.use(ThVueEcharts)一、指令说明
# 安装依赖
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/>