使用更改值的网页上的图表

Question

我试图创建一个图表，显示网页上的管理程序与SAN之间的IOPS（c＃mvc web应用程序），以显示有多少数据传输活动一个监控系统。

例如这样的事情，但是在这个例子中，IOPS将是hypervisor和虚拟机之间：

问题的两个部分：

1）是否有一个免费的软件包创建这样一个图表，我可以把动态变化的值放到一个特定的地方？

2）如果Q1不可行，是否可以叠加动态值？

Answer 1

我的建议是在SVG中绘制图表。像Inkscape之类的应该可以。它是免费且开源的。

您可以将ID和类添加到那里的元素中，以便您可以以标准JQuery方式访问它们。

如果您觉得喜欢冒险，可以使用D3 here 来绘制它，它适用于所有独特的类型图表和图形。

Answer 2

我不知道软件，但它可以通过ws协议HTML5与java SSE（服务器发送事件）来实现。

在客户端，您可以使用静态图像来查看不会动态更改的值，并放置任何html元素并通过jquery动态更改其值。

只有当您意识到彗星技术和有额外的时间时才使用它。