使用更改值的網頁上的圖表

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動態更改其值。

只有當您意識到彗星技術和有額外的時間時才使用它。