无涯教程网

Javascript 表中编辑的数据应该在图表和其他组件中改变Angular

发布于04月23日

我有一个数据表、图表和最新的增值标签.

表格和图表显示时间序列数据，其中包含:过go 30分钟的值时间及其从0到999的数字随机值.
每隔10秒，新对象就会被推入数组，最早的对象会被删除，因此只会一直显示最后30分钟.
最新值标签显示最新添加的值

我正在try 弄清楚如何实现表中行的编辑，因此当我编辑任何行时，无论是时间还是其随机值，或者两者都是，我也希望在图表上显示更改.另外，由于某些原因，图表并不像表格那样每10秒更新一次.

我怎样才能做到这一点呢？如果有任何帮助，我很感激.

下面是Stackblitz的工作链接:https://stackblitz.com/edit/angular-znnnsp?file=src%2Fapp%2Fmain%2Ftable%2Ftable.component.ts,src%2Fapp%2Fmain%2Ftable%2Ftable.component.css,src%2Fapp%2Fmain%2Ftable%2Ftable.component.html,src%2Fapp%2Fmain%2Fchart%2Fchart.component.html,angular.json,src%2Fapp%2Fmain%2Fmain.component.css,src%2Fapp%2Fmain%2Fmain.component.ts,src%2Fapp%2Fmain%2Flabel%2Flabel.component.html,src%2Fapp%2Fmain%2Flabel%2Flabel.component.css,package.json

推荐答案

目前在您的图表组件中，最初在ngOnInit上似乎只初始化了一次图表，所以当输入发生变化时它不会改变. 每当输入更改时，您应该重新初始化它，这应该可以用OnChanges捕捉到

要将数据从表传递到图表组件，一种方法是使用@Output将您在表组件中输入的结果发送到父组件，然后将其传递回图表.您可以在输入/输出here上阅读

Javascript相关问答推荐

使脚本兼容于其他YouTube URL格式

为什么我达到了时间限制！？LeetCode链接列表循环(已解决，但需要解释！)

如何获取转换字节的所有8位？

react 路由加载程序行为

TypScript界面中的Infer React子props

如何在mongoose中链接两个模型？

jQuery s data()[storage object]在vanilla JavaScript中？'

在react JS中映射数组对象的嵌套数据

加载背景图像时同步旋转不显示的问题

PDF工具包阿拉伯字体的反转数字

使用POST请求时，Req.Body为空

使用js构造一个html<；ath&>元素并不能使其正确呈现

Use Location位置成员在HashRouter内为空

为什么这个.add.group({})在教程中运行得很好，但在我的游戏中就不行了？

VSCode中出现随机行

如何将zoom 变换应用到我的d3力有向图？

Vaadin定制组件-保持对javascrip变量的访问

如何在脚本编译后直接将RxJ模块导入浏览器(无需Angel、webpack、LiteServer)

自动滚动功能在当前图像左侧显示上一张图像的一部分

select 2-删除js插入的项目将其保留为选项

实用课程推荐

相关教程推荐