如何在Vue.js中使用vue- google -charts包装器创建谷歌折线图？

import VueGoogleCharts from 'vue-google-charts';

components: {
  VueGoogleCharts,
},

<template>
  <div>
    <vue-google-charts :data="chartData" :options="chartOptions" type="LineChart"></vue-google-charts>
  </div>
</template>

data() {
  return {
    chartData: [
      ['Year', 'Sales', 'Expenses'],
      ['2015', 1000, 400],
      ['2016', 1170, 460],
      ['2017', 660, 1120],
      ['2018', 1030, 540],
    ],
    chartOptions: {
      title: 'Company Performance',
      curveType: 'function',
      legend: { position: 'bottom' },
    },
  };
},

mounted() {
  // 在组件挂载后，可以通过调用相应的方法对图表进行更新或其他操作
},