博客

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

  • Post author:
  • Post category:vue


vue.js轮播图组件

Vue甜甜圈图

(

Vue Doughnut Chart

)

Doughnut chart component for Vue.js.

Vue.js的甜甜圈图组件。

安装

(

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轮播图组件