Vue-chartjs:重新加载状态变化图表

时间:2018-01-11 10:33:10

标签: vuejs2 vue-chartjs

我正在尝试制作一个响应状态变化的图表,我在sidenav上有一些过滤器,并且包含chart.js组件的组件如下:

<tendance-chart slot="content" class="chart-wrapper" v-if="!loading" :labelsRepartitionTendance="labelsRepartitionTendance" :repartitionTendance="repartitionTendance"></tendance-chart>

这是完美的,但我想在我的过滤器更改时重新加载此图表,我该怎么做?

2 个答案:

答案 0 :(得分:0)

当您的过滤器在函数执行之前更改加载更改为true并且最后将加载更改为false。然而,这不是一个好的做法,基本上你的图表应该监听它的数据并在每次更改时重新呈现。

答案 1 :(得分:0)

vue-chartjs附带了两个mixin,即reactiveDataMixin和reactivePropMixin。 如果数据发生变化,那么会向chartData添加观察器并重新渲染或更新图表。 http://vue-chartjs.org/#/home?id=reactive-data