weapp-plugin-dashboard

 ![license]()

> 微信小程序仪表盘组件


安装与使用

1. 在小程序根目录（project.config.json中miniprogramRoot配置的目录）中执行npm init
2. 执行npm i weapp-plugin-dashboard -S --production
3. 微信开发者工具中打开使用npm模块配置，并执行“工具-构建npm”
4. 在小程序页面json文件中配置
``
"usingComponents": {
"weapp-plugin-dashboard": "weapp-plugin-dashboard"
}
`
5. 在小程序页面中用标签引入组件

配置参数

完整的配置项及默认值如下：

`
min="0" // 最小值
max="100" // 最大值
val="50" // 当前值
width="750" // 组件宽度，单位rpx
height="400" // 组件高度，单位rpx
colors="{{myColors}}" // 仪表盘颜色分布
>

`

`
...
data: {
myColors: [{
percent: 50,
color: '#67C23A'
}, {
percent: 80,
color: '#E6A23C'
}, {
percent: 100,
color: '#F56C6C'
}]
}
...
``