vue-doughnut-chart

Doughnut chart component for Vue.js, originally created by Greg Willson
13,449 29
vue chart vue doughnut chart vue gauge chart
Install
npm install vue-doughnut-chart
Latest Version:0.3.0
Vue:2
License:MIT
Last Updated:Jun 15, 2021
Links: GitHub  ·  npm
Maintainer: irfan.maulana

🍩 Vue Doughnut Chart

Doughnut chart component for Vue.js, originally created by Greg Willson in codepen

version minified downloads Travis Dependabot Status

Demo

https://mazipan.github.io/vue-doughnut-chart

Install

yarn add vue-doughnut-chart
# OR
npm i vue-doughnut-chart

Use 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
classValue String ''
visibleValue Boolean false
valueCountUp Boolean false
valueCountUpDuration Number 2000 Number in milliseconds
valueCountUpDelay Number 500 Percent count-up delay (for changing values)
customPercentSize Number 40 Percent font size in pixels (max 60)
passTextAsHtml Boolean false Allows to add simple html into label
customText String '' Label value
customTextColor String '#1993ff' Valid HEX color code or CSS color for label
customTextSize Number 15 Label font size in pixels (max 22)

Bringing to NPM Registry by Irfan Maulana © 2018

Related Packages

zingchart-vue

ZingChart Vue Component wrapper to allow native vue syntax for javascript charts...

13,961
vue chart charts vue vue charts zingchart
jqwidgets-scripts

jQWidgets UI components for JavaScript, jQuery, React, Vue and TypeScript - 82 w...

381,143 307
vue chart accessibility ai assistant ai chat angular angular datagrid angular grid angularjs aria barcode +130
jqwidgets-framework

jQWidgets UI framework for JavaScript, jQuery, React, Vue and TypeScript with ov...

1,637,857 307
vue chart accessibility ai assistant ai chat angular angular datagrid angular grid angularjs aria asp.net +136

Version History

Version Released Vue License
0.3.0 2.6.12 MIT
0.2.0 ^2.6.10 MIT
0.1.0 ^2.6.10 MIT
0.0.5 ^2.5.17 MIT
0.0.4 ^2.5.17 MIT