asp-percent-annular

> vue下面的一个单值百分百圆环图

vue项目中如何使用

`` bash


install

npm i asp-percent-annular

在vue项目的main.js中引入及注册

import percent from 'asp-percent-annular'

Vue.use(percent)

在页面中使用

export default {
data () {
return {
percent: 60,
textName: '市场占有率',
theme: 'blueLight'
}
}
}
``

options

> 可以通过props改变几种配置

1.theme
* 百分比的颜色（主题），目前定制了三种颜色，分别是'orange','blueLight', 'blueDark'，后期有时间会加入自定义颜色，直接传色值

2.percent
* 百分百值

3.text-name
* 显示的二级文字