25 lines
489 B
Vue
25 lines
489 B
Vue
<script>
|
|
import { Doughnut } from 'vue-chartjs'
|
|
|
|
export default {
|
|
extends: Doughnut,
|
|
mounted() {
|
|
this.renderChart(
|
|
{
|
|
labels: ['Desktops', 'Tablets'],
|
|
datasets: [
|
|
{
|
|
data: [300, 210],
|
|
backgroundColor: ['#556ee6', '#ebeff2'],
|
|
hoverBackgroundColor: ['#556ee6', '#ebeff2'],
|
|
hoverBorderColor: '#fff',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
maintainAspectRatio: true,
|
|
}
|
|
)
|
|
},
|
|
}
|
|
</script> |