Как передать данные на диаграмму и обеспечить динамическую адаптацию диаграммы? ⇐ Javascript

[Гость]

Как передать данные в диаграмму и обеспечить динамическую адаптацию диаграммы? Это мой код сейчас (как и в документации, я использую vue-google-chars)

import { defineComponent, h } из 'vue'; импортировать { GChart } из «vue-google-charts»; тип экспорта const = 'Круговая диаграмма'; экспортировать константные данные = [ ['Задача', 'Часов в день'], ['Работа', 11], ['Ешь', 2], ['Добраться до работы', 2], ['Смотреть телевизор', 2], ['Сон', 7], ]; параметры константы экспорта = { заголовок: «Мои ежедневные занятия», ширина: 450, высота: 250, }; экспортировать по умолчанию defineComponent({ имя: 'GoogleChart', компоненты: { ГДиаграмма, }, настраивать() { возврат () => ч(GChart, { данные, параметры, тип, }); }, }); И вот как я поместил метку в свой файл .vue

Как передать данные, чтобы диаграмма автоматически их принимала и отображала, что позволило мне повторно использовать этот компонент? (только данные диаграммы, параметры диаграммы будут одинаковыми для всех диаграмм)