0.1.3 • Published 4 months ago

donut-pie v0.1.3

Weekly downloads
280
License
MIT
Repository
github
Last release
4 months ago

DonutPie

Half donut pie chart which using d3.js for vue

Installation

npm i donut-pie

Usage

  1. global registration
// in main.js
import DonutPie from 'donut-pie'
// import 'donut-pie/dist/DonutPie.css'

Vue.use(DonutPie)
  1. use as vue component
// in your vue file
import { DonutPie } from 'donut-pie'

export default {
  components: {
    DonutPie
  }
  ...
}

Configuration

<donutPie v-model="your percent (eg. 60)" :title="'your title'" :remark="'your remark'"/>

for more detail

<donutPie v-model="your percent (eg. 60)" :title="'your title'" :remark="'your remark'" :conf="{ width: 360, height: 200, thickness: 22, color: '#8888D3', bgColor: '#E9E9E9', percentColor: '#333', titleColor: 'rgba(0, 0, 0, 0.65)', titleTemplate: '<h1>title</h1>' disableCornerRadius: false}"/>

Screenshots

npm.io

0.1.3

4 months ago

0.1.2

4 months ago

0.1.0

4 months ago

0.1.1

4 months ago

0.0.9

4 months ago

0.0.8

6 months ago

0.0.7

6 months ago

0.0.6

11 months ago

0.0.5

1 year ago

0.0.3

1 year ago

0.0.4

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago