$ npm i vc-piechart --save
// in main.js, use globally
import VcPiechart from 'vc-piechart'
import 'vc-piechart/dist/lib/vc-piechart.min.css'
Vue.use(VcPiechart)
// as a component in another component
import VcPiechart from 'vc-piechart'
import 'vc-piechart/dist/lib/vc-piechart.min.css'
export default {
name: 'app',
components: {
VcPiechart
}
}
<vc-piechart :data="data1" />
<vc-piechart :data="data2" size="12em" :legend="true" title="Chart 2" :donut="true" :flat="false" />
data (Array): chart data (default: []):{{ data1 }}size (String): chart's height and width in px, em, etc. default: 256pxlegend (Boolean): toggle chart's legend element (default: true)title (String): optional chart title (default: null)donut (Boolean): toggle the donut mode (default: false)flat (Boolean): toggle chart's drop-shadow (default: false)Version {{ version }} developed by Martin Ivanov and available on BitBucket and NPM.