HTML/Javascript：如何繪制動態圖

Question

我想用標准的 HTML/Javascript/JQuery（不是 HTML5）繪制一個動態圖。

節點是具有某些內容的 div，在它們之間我需要線條。 至少水平和垂直。 可以動態添加和刪除節點。

如果 div 也可以拖動就好了，但不是必需的。

這可以用標准的 HTML 來完成嗎，也許在一些 JQuery 庫的幫助下？

我只找到否定的答案，例如： http : //www.coderanch.com/t/518805/open-source/do-generate-dynamic-graph-html

提前致謝。

PD 似乎是 Flash 的典型用例。 我不能使用 HTML5，因為它必須在任何地方運行。 而且我認為沒有理由使用 SVG 之類的東西而不是 Flash。

Answer 1

使用JointJS可能很容易做到這一點。 它使用 Raphael 來處理圖形，它基於 SVG，但也支持 IE 的 VML。 JointJS 聲稱支持以下瀏覽器：Firefox 3.0+、Safari 3.0+、Opera 9.5+、Google Chrome 4+ 和 Internet Explorer 6.0+。

Answer 2

JQplot 很棒： http ://www.jqplot.com/

它開箱即用，給人一種非常“谷歌分析”的感覺。

它建立在 jQuery 之上，非常適合您所描述的內容。

Answer 3

您可以使用 Google Charts、Google Graph API 示例。