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

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

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

  1. <template>
  2. <div class="home">
  3. <select @change="onChange($event)">
  4. <option value="dataFile1">file one</option>
  5. <option value="dataFile2">file two</option>
  6. </select>
  7. <LineGraph2 :vul_data="data"/>
  8. </div>
  9. </template>
  10. <script lang="ts">
  11. import { Component, Prop, Vue } from 'vue-property-decorator';
  12. import LineGraph2 from '@/components/LineGraph2.vue';
  13. import {data1} from '@/data/file1.js'
  14. import {data2} from '@/data/file2.js'
  15. @Component({
  16. components: {
  17. LineGraph2,
  18. },
  19. })
  20. export default class HomeView extends Vue {
  21. data() {
  22. return {
  23. data: data1,
  24. }
  25. }
  26. onChange(event: any) {
  27. if(event.target != null){
  28. this.data = data2 as any
  29. }
  30. }
  31. }
  32. </script>
nc1teljy

nc1teljy1#

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

相关问题