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

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

import { Line } from '../BaseCharts';
export default {
  extends: Line,
  mounted: function mounted() {
    this.renderChart({
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [{
        label: 'Data One',
        backgroundColor: '#f87979',
        data: [40, 39, 10, 40, 39, 80, 40]
      }]
    }, {
      responsive: true,
      maintainAspectRatio: false
    });
  }
};