更改值的网页上的图表

时间:2016-09-22 10:27:47

标签: javascript jquery

我正在尝试创建一个图表,该图表将在网页(c#mvc web应用程序)上显示管理程序和SAN之间的IOPS,以显示监控系统上有多少数据传输活动。

例如类似的东西,但是在这个例子中,IOPS将位于Hypervisor和虚拟机之间:

enter image description here

两部分问题:

1)是否有免费的软件包来创建这样的图表,我可以将动态变化的值放到特定的位置?

2)如果Q1不可行,是否可以覆盖动态值?

2 个答案:

答案 0 :(得分:1)

我的建议是在SVG中绘制图表。像Inkscape这样的东西应该没问题。它是免费和开源的。

您还可以在其中的元素中添加ID和类,以便您可以使用标准JQuery方式访问它们。

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

答案 1 :(得分:1)

我不知道该软件,但可以通过ws协议HTML5和java SSE(服务器发送事件)来实现。

在客户端,您可以使用静态图像作为动态不变的值,并放置任何html元素并通过jquery动态更改其值。

只有在了解彗星技术并有额外时间时才使用此功能。