如何使用 Vue-Chartjs 高效地动态更新折线图?
P粉460377540
P粉460377540 2024-01-29 13:35:31
[JavaScript讨论组]

我有这个工作代码更新图表,其中 onMount 模拟某种更新。但是在 OnMounted 钩子中完全解构数组并用新值重建它似乎不是很有效?我尝试过对 data_values 和 label_values 使用反应式组件,但在更新触发时会导致最大调用堆栈超出错误。

所以我的问题是,有没有比下面的代码更好的方法来更新图表?



我希望能够对 data_values 和 label_values 使用反应式组件,并在有更新且没有错误的情况下简单地推送到数组,并且计算属性将处理更新。

P粉460377540
P粉460377540

全部回复(1)
P粉237689596

您可以尝试使用 而不是解构赋值Array.push()如下:

onMounted(() => {
    setInterval(() => {
        label_values.value.push("August");
        data_values.value.push(1000);
    }, 3000)
})
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号