<script>
    import {Line, mixins} from 'vue-chartjs'

    export default {
        name: 'LineChart',
        extends: Line,
        mixins: [mixins.reactiveProp],
        props: ['datasets', 'labels', 'options'],
        mounted() {
            // Overwriting base render method with actual data.
            this.renderChart({
                labels: this.labels,
                datasets: this.datasets
            }, this.options)
        }
    }
</script>
