vue.js vue-chartjs 图表在 chartData 替换、更新等时不更新 [英] vue.js vue-chartjs chart not updating when chartData replaced, updated etc

查看：36 发布时间：2022/1/22 16:12:18 vue.js vuejs2 chart.js vue-component vue-chartjs

本文介绍了vue.js vue-chartjs 图表在 chartData 替换、更新等时不更新的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试使用 vue-chartjs 制作一个 vue.当 chartData 道具更新时，我已遵循所有有关重新渲染图表的相关文档.我的图表只会在我调整浏览器窗口大小后更新.

我的 parenttestchart.vue 文件:

<模板>
<h1>图表数据收集更新测试</h1><p>这个组件演示了从服务器获取数据.</p><p v-if="!datacollection"><em>加载中...</em></p>

我的 TestChart.vue 文件


        
            相关文章
            
                    
                        
                            替换，更新chartData时，vue.js vue-chartjs图表未更新;
                        
                    
                    
                        
                            是否可以使用vue-chartjs打印图表?;
                        
                    
                    
                        
                            是否可以使用 vue-chartjs 打印图表?;
                        
                    
                    
                        
                            vue-chartjs 反应数据错误;
                        
                    
                    
                        
                            vue.js - vue 组件更新问题;
                        
                    
                    
                        
                            在 vue 3 中使用 vue-chartjs:createElement 不是函数;
                        
                    
                    
                        
                            Vue.Js - 数据未更新;
                        
                    
                    
                        
                            vue.js - vue为什么视图没有更新;
                        
                    
                    
                        
                            在vue 3中使用vue-chartjs:createElement不是函数;
                        
                    
                    
                        
                            vue.js在更新数组后未更新DOM;
                        
                    
                    
                        
                            vue.js数据更新页面不刷新;
                        
                    
                    
                        
                            Vue.js:如何更新对象数组?;
                        
                    
                    
                        
                            Vue.js 中不更新组件就不能更新数据吗?;
                        
                    
                    
                        
                            vue.js - 部分vue的视图不需要更新;
                        
                    
                    
                        
                            vue.js - vue组件内无法更新数据的问题;
                        
                    
                    
                        
                            如何更新 Vue.JS 中的插槽;
                        
                    
                    
                        
                            如何更新Vue.JS中的插槽;
                        
                    
                    
                        
                            使用 vue.js 更新值时如何添加 CSS 动画?;
                        
                    
                    
                        
                            vue.js - vue 在ios8下无法监测数组更新吗？;
                        
                    
                    
                        
                            为什么 nuxt 用 vue-chartjs 给我这个错误?;
                        
                    
                    
                        
                            为什么 nuxt 使用 vue-chartjs 给我这个错误?;
                        
                    
                    
                        
                            Vue-chartjs v4.0.7 instance access (to chart object);
                        
                    
                    
                        
                            更新vue.js中的数据属性/对象;
                        
                    
                    
                        
                            更新 vue.js 中的数据属性/对象;
                        
                    
                    
                        
                            Vue.js - 更新路由器视图;


    
        
            前端开发最新文章
            
                    
                        
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
                        
                    
                    
                        
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
                        
                    
                    
                        
                            如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
                        
                    
                    
                        
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
                        
                    
                    
                        
                            警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
                        
                    
                    
                        
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
                        
                    
                    
                        
                            此请求已被阻止;内容必须通过HTTPS提供;
                        
                    
                    
                        
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
                        
                    
                    
                        
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
                        
                    
                    
                        
                            拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
                        
                    
            
        
        
            
                热门教程
            
            
                
                    
                        Java教程
                    
                
                
                    
                        Apache ANT 教程
                    
                
                
                    
                        Kali Linux教程
                    
                
                
                    
                        JavaScript教程
                    
                
                
                    
                        JavaFx教程
                    
                
                
                    
                        MFC 教程
                    
                
                
                    
                        Apache HTTP客户端教程
                    
                
                
                    
                        Microsoft Visio 教程
                    
                
            
        
        
            
                热门工具
            
            
                
                
                    
                        Java 在线工具
                    
                
                
                    
                        C(GCC) 在线工具
                    
                
                
                    
                        PHP 在线工具
                    
                
                
                    
                        C# 在线工具
                    
                
                
                    
                        Python 在线工具
                    
                
                
                    
                        MySQL 在线工具
                    
                
                
                    
                        VB.NET 在线工具
                    
                
                
                    
                        Lua 在线工具
                    
                
                
                    
                        Oracle 在线工具
                    
                
                
                    
                        C++(GCC) 在线工具
                    
                
                
                    
                        Go 在线工具
                    
                
                
                    
                        Fortran 在线工具

vue.js vue-chartjs 图表在 chartData 替换、更新等时不更新 [英] vue.js vue-chartjs chart not updating when chartData replaced, updated etc

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭