mazipan/vue-doughnut-chart

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

🍩 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-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

vue-doughnut-chart's Issues

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.