“데이터” 함수의 데이터를 그래프에 반향시키는 방법

포인트와 함께 두 개의 파일을 사용하고 싶은 그래프가 있습니다.셀렉터로 두 파일을 어떻게 바꿀 수 있는지 알고 싶습니다.아래 코드를 만들었는데 선택해도 그래프가 바뀌지 않습니다.날짜 데이터는 덮어쓰기는 했지만 차트에 반영되지는 않았다고 생각합니다.내가 뭘 할 수 있을까?

<template>
<div class="home">
<select @change="onChange($event)">
<option value="dataFile1">file one</option>
<option value="dataFile2">file two</option>
</select>
<LineGraph2 :vul_data="data"/>
</div> </template>
<script lang="ts"> import { Component, Prop, Vue } from 'vue-property-decorator'; import LineGraph2 from '@/components/LineGraph2.vue';
import {data1} from '@/data/file1.js' import {data2} from '@/data/file2.js'
@Component({
components: {
LineGraph2,
}, }) export default class HomeView extends Vue {
data() {
return {
data: data1,
}
}
onChange(event: any) {
if(event.target != null){
this.data = data2 as any
}
} } </script> 

질문에 대한 답변

chart.js를 사용하는 경우 데이터를 변경한 후 차트 상의 업데이트 함수를 호출해야 하는데 컴포넌트에 새 데이터를 어떻게 전달하는지 알 수 없습니다(이전에는 Vue를 사용하지 않았기 때문에 새 데이터를 올바르게 전달했는지 확인하려고 합니다).