vue.js轮播图组件_Vue.js的甜甜圈图组件

vue.js轮播图组件

Vue甜甜圈图 (Vue Doughnut Chart)

Doughnut chart component for Vue.js.

Vue.js的甜甜圈图组件。

View demo 查看演示 Download Source 下载源

安装 (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
visibleValue	Boolean	false
emptyText	String	''
classValue	String	''

道具名称	类型	默认值	描述
percent	数	0
foregroundColor	串	'＃1993ff'
backgroundColor	串	'＃ecf6ff'
strokeWidth	数	10
radius	数	85
width	数	200
height	数	200
visibleValue	布尔型	假
emptyText	串	''
classValue	串	''

翻译自: https://vuejsexamples.com/doughnut-chart-component-for-vue-js/

vue.js轮播图组件