<script>
import { Bar } from "vue-chartjs";
/*
 Bar,
  HorizontalBar,
  Doughnut,
  Line,
  Pie,
  PolarArea,
  Radar,
  Bubble,
  Scatter
*/
//https://vue-chartjs.org/guide/
//https://www.chartjs.org/docs/latest/
//https://dyclassroom.com/chartjs/how-to-create-a-pie-chart-using-chartjs
export default {
  extends: Bar,
  props: {
    chartData: {
      type: Object,
      default: null
    },
    options: {
      type: Object,
      default: null
    }
  },
  watch: {
    chartData() {
      //these do nothing
      //this.$data._chart.update();
      //this.$data._chart.renderChart();

      //this redraws the chart
      this.renderChart(this.chartData, this.options);
    }
  },
  mounted() {
    this.renderChart(this.chartData, this.options);
  }
};
</script>
