Изменить размер диаграммы с помощью VUE

Question

Я хочу знать, как я могу дать размер диаграмме.

Я использую vue-chartjs, и я не вижу никакой возможности сделать это.

У меня просто есть этокод в компоненте диаграммы

<script>
    import { Line, mixins } from 'vue-chartjs'
    const { reactiveProp } = mixins;

    export default {
        name: 'line_chart',
        extends: Line,
        mixins: [reactiveProp],
        props: ['options'],
        mounted () {
            this.renderChart(this.chartData, this.options);
        }
    }
</script>

и этот код в скрипте компонента рендеринга

            fillData () {
                this.data_collection = {
                    labels: [0, 25, 50, 100],
                    datasets: [
                        {
                            label: 'Blue',
                            backgroundColor: '#147aff',
                            fill: false ,
                            borderColor: '#147aff',
                            data: [0, 50, 100, 0],
                        },
                    ]
                };
                this.chart_options = {
                    responsive: true,
                }
            },

Answer 1

следующим образом:

<elemento :styles="myStyles"></elemento>
<script>
export default: {
computed: {
    myStyles () {
        return {height: '99px'}
    }
  }
}
</script>

Пример: https://jsfiddle.net/hamiltongabriel/7s40paog/6/