vue-chartjs-reactive/es/examples/DoughnutExample.js

Vue.js wrapper for chart.js for creating beautiful charts.

import { Doughnut } from '../BaseCharts';
export default {
  extends: Doughnut,
  mounted: function mounted() {
    this.renderChart({
      labels: ['VueJs', 'EmberJs', 'ReactJs', 'AngularJs'],
      datasets: [{
        backgroundColor: ['#41B883', '#E46651', '#00D8FF', '#DD1B16'],
        data: [40, 20, 80, 10]
      }]
    }, {
      responsive: true,
      maintainAspectRatio: false
    });
  }
};