使用 SiIgnalR、Net Core 和 C# 创建动态条形图的建议



我想我已经被太多的信息蒙蔽了双眼,如果可能的话,我需要一些来自社区的建议。

背景是我有一个长期运行的ETL进程,它由许多服务组成,这些服务都是通过Kafka消息传递管理的。因为它是长时间运行,我需要想出一些实时的视觉,可以给出什么是在任何给定的时间发生的指示。我已经完成了接收Kafka消息的代码,并使用SignalR向当前显示正在发生的事情的文本表示的网页发送通知。

所以,背景结束,我只是在可视化库方面寻求帮助,这将帮助我创建一个可以实时动态更新的条形图,即能够在"X"访问中添加项目,因为它们开始被处理,更新每个"X"访问项目与处理的项目计数和记录的错误,并在完成时从"X"轴删除项目。所以我希望这个条形图看起来从左到右或从右到左滚动随着项目的添加和删除。

我发现了很多不同的库,可以很好地生成图表,但它们似乎依赖于相对静态的数据或回调来重新加载任何新数据。我需要一些与SignalR一起工作的东西,所以一切都是动画的,并且尽可能实时。

我目前只是使用一个非常基本的。Net Core c# MVC web应用程序,在页面上有一个视图和纯JS。谁能建议任何指针的客户端库,将符合法案或任何例子,他们知道在任何其他格式,我可以使符合我的需要?

这就是我正在寻找的那种东西实时图表-唯一的区别是每个"条形图"将是一个过程,"条形图"的值将递增,直到收到"完成"的消息,然后"条形图"将被删除。

一如既往,任何帮助都将不胜感激

编辑:

我可能没有解释我想做的很好,所以澄清我需要的东西,可以更新现有的数据在图表。就我上面所说的再澄清一点。从服务器发送消息,说明服务已经启动,然后将该服务添加到条形图中,不同的服务可以有多个启动消息,因为它们都是异步运行的。现在,当每个服务处理数据时,会发送一条消息,说明流程成功或失败,这应该会增加适用服务的条的值。一旦服务完成,就会发送已完成的消息,并从条形图中删除相应的服务条。当每个服务被添加到条形图时,当前存在的所有内容都会被打乱。我希望你明白了?

我终于发现Chart.js可以做我所需要的。谢谢你Frank M,我在看到你的帖子之前就发现了Chart.js,但是谢谢你发布的链接。

垂直条形图

相关内容

  • 没有找到相关文章

最新更新