我有一个图表,我想使用两个文件与它的点。我想知道我如何可以改变两个文件之间的选择器。我做了下面的代码,但图形不改变后,选择。我相信“日期”数据被覆盖,但没有反映在图表中。我该怎么办?
<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>
1条答案
按热度按时间nc1teljy1#
如果您使用chart.js,则需要在更改数据后调用图表上的update函数,但我不知道您如何将新数据传递到组件(我以前没有使用Vue,所以我只是要求检查您是否正确传递了新数据)