ChartJS 如何使“data”函数的数据在图形中回响?

jucafojl  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(132)

我有一个图表,我想使用两个文件与它的点。我想知道我如何可以改变两个文件之间的选择器。我做了下面的代码,但图形不改变后,选择。我相信“日期”数据被覆盖,但没有反映在图表中。我该怎么办?

<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>
nc1teljy

nc1teljy1#

如果您使用chart.js,则需要在更改数据后调用图表上的update函数,但我不知道您如何将新数据传递到组件(我以前没有使用Vue,所以我只是要求检查您是否正确传递了新数据)

相关问题