🍩 Vue Doughnut Chart
Doughnut chart component for Vue.js, originally created by Greg Willson in codepen
Demo
https://mazipan.github.io/vue-doughnut-chart
Install
yarn add vue-doughnut-chart # OR npm i vue-doughnut-chartUse in components
import DoughnutChart from 'vue-doughnut-chart' export default { components: { DoughnutChart } }Props
| Props Name | Type | Default Value | Description |
|---|---|---|---|
percent | Number | 0 | |
foregroundColor | String | '#1993ff' | |
backgroundColor | String | '#ecf6ff' | |
strokeWidth | Number | 10 | |
radius | Number | 85 | |
width | Number | 200 | |
height | Number | 200 | |
visibleValue | Boolean | false | |
emptyText | String | '' | |
classValue | String | '' |
Bringing to NPM Registry by Irfan Maulana © 2018
