0

vue-google-chart ライブラリを使用してグラフを描画しようとしています。

コンポーネントに次のコードを使用しています。

Vue.component('graph', {
template: '<GChart type="AreaChart" :data="chartData" :options="chartOptions"/>',
props: ['data', 'options'],
data() {
   return {
     chartData: null,
     chartOptions: {
        title: '',
        curveType: 'function',
        height: 500,
        pointSize: 10,
      }
   }
},

watch: {
   data: {
     immediate: false,
     handler(newValue) {
        this.chartData = newValue;
        }
   }
}
});

HTMLでコンポーネントを作成するときは、次を使用します。

<graph :data="datag"></graph>

コンポーネントで定義されているデフォルトの空のタイトルを更新するために、html でコンポーネントを作成するときにタイトルを引数として渡すにはどうすればよいですか?

前もって感謝します!

4

1 に答える 1