0.0.4 • Published 3 years ago
miniapp-charts v0.0.4
miniapp-chart
小程序图表组件
文档
简介
本组件库产生的原因有两个
- 小程序canvas与浏览器标准canvas并不相同,大部分已有的组件没法直接复用;
- 大部分开源图表组件都太过强大并且体积庞大,实际上并不需要太强的配置功能;
故将业务中的一套图表组件开源出来,不会很强大,但是该有的配置基本都有,有问题可以提issue,我会尽量修复。
设计理念
所有组件设计的时候都会遵循两个简单的理念
- 尽可能提供详细的配置功能,力求组件的每个部位都是可以配置样式的;
- 不要太强大,本组件库的出发点是提供轻量级的图表库,使用者无须理解图形语法;
安装使用
// 通过Git的方式安装,克隆仓库至小程序目录
git clone https://github.com/yuanzm/miniapp-charts
// 也可以通过npm安装,小程序npm使用参考[文档](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html)
npm i miniapp-charts
// 小程序内直接引用miniapp-charts(注意安装路径要正确)
import LineChart from 'miniapp-charts';
import Barchart from 'miniapp-charts';
import RadarChart from 'miniapp-charts';
import DistributionChart from 'miniapp-charts';
Contribution
// 1. 安装依赖
npm install
// 2. 在微信开发者工具导入demo
// 3. 开始开发
npm start
// 4. 开发完成后保证通过eslint检查
npm run lint
// 5. 如果需要编辑文档,编辑docs目录,并执行vuepress构建
npm run docs:dev