首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在Vue app中更新chart js?

如何在Vue app中更新chart js?
EN

Stack Overflow用户
提问于 2018-07-24 03:36:19
回答 1查看 92关注 0票数 0

我有一些图表,我想通过单击按钮来更新它。存储区中的数据发生更改,但UI不更新。

代码语言:javascript
复制
<div class="graph">               
  <button class="click" @click="changeUi">Change chart</button>                
  <canvas id="mix" count="2"></canvas>
  <chartjs-line target="mix"></chartjs-line>
  <chartjs-bar :option="{legend: { display: false }}" 
  :labels="mylabels":datasets="mydatasets" target="mix"></chartjs-bar>
</div>
 export default {
 data(){
   return{
     mydatasets:[{   
       data: this.$store.state.data}], //This data i want to change
       //data: [20, 50, 20, 41, 26, 15, 20, 10, 29, 5, 33, 55]
     methods:{
       changeUi(){
             this.$store.commit('changeChart')
             // I want change by this array [10, 30, 34, 23, 11, 15, 55, 30, 19, 35, 43, 21]
        }
    }
}

我正在main.js中导入图表:

代码语言:javascript
复制
  import 'chart.js'
  import 'hchs-vue-charts'
  Vue.use(window.VueCharts);
EN

回答 1

Stack Overflow用户

发布于 2018-07-24 03:55:31

Store属性应该在组件中用作computed属性,而不是在data()中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51486095

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档