31 lines
535 B
Vue
31 lines
535 B
Vue
|
<template>
|
||
|
|
<CChartPie
|
||
|
|
:datasets="defaultDatasets"
|
||
|
|
:labels="['VueJs', 'EmberJs', 'ReactJs', 'AngularJs']"
|
||
|
|
/>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { CChartPie } from '@coreui/vue-chartjs'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'CChartPieExample',
|
||
|
|
components: { CChartPie },
|
||
|
|
computed: {
|
||
|
|
defaultDatasets () {
|
||
|
|
return [
|
||
|
|
{
|
||
|
|
backgroundColor: [
|
||
|
|
'#41B883',
|
||
|
|
'#E46651',
|
||
|
|
'#00D8FF',
|
||
|
|
'#DD1B16'
|
||
|
|
],
|
||
|
|
data: [40, 20, 80, 10]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|