在jquery上構建面向圖形的可視化編輯器

我們需要構建基於javascript的可視化編輯器（在jQuery上），它應該編輯一些以圖形爲代表的模型。實體應該表示爲節點並且將具有屬性。節點（或/和它們的屬性）應該鏈接到其他節點。節點應該是可拖動的。在jquery上構建面向圖形的可視化編輯器

是否有任何教程和jQuery插件可以簡化開發？

謝謝。

UPD：可能可拖動的節點可以通過jQueryUI實現。主要問題是實現鏈接。

UPD2：看起來像jsgraphics以某種方式解決問題。但它的確具有創造性，並且與jQuery沒有任何關係。

來源

2010-02-02 igorp1024

有趣的事情......我們剛剛實施了一個jQuery 插件，其目的是簡化圖編輯器的實現。但是，它尚未正式發佈。（我們使用SVG的方式 - 我們不得不，是一個學期的項目）。您可以試試here。（沒有IE支持（SVG，如上所述），以及種類的測試版）。您可以將節點從「形狀」框拖到畫布上。要繪製連接器，請單擊頂部菜單中的黃色頭盔，然後在兩個節點之間拖動連接器。

如果這接近您的要求，請隨時查看sources。

來源

2010-02-02 11:30:13 Leo

不錯的主意。感謝您提供關於畫布的提示，以及它在IE中的支持情況！ – igorp1024 2010-02-02 14:34:28

這page有幾個鏈接到不同圖形的庫，包括jQuery的庫

來源

2010-02-22 16:41:26 harpax

謝謝，但他們是數據可視化相關。 – igorp1024 2010-02-23 11:11:35

我們已經使用FusionCharts的免費版本，在過去一年基本圖形，現在需要一個可編輯的圖形。

我剛纔碰到過這樣的demo (adjust the bar chart sizes)

它還說，可用於折線圖和麪積圖。

他們稱之爲數據的可視化編輯。

看起來我們必須升級到完整版本，但它肯定是我們正在尋找的東西，我認爲任何想要內置庫解決方案的人都會對此感興趣。

回調函數是javascript函數，然後你可以用jQuery編輯（大概是爲了ajax，這就是我們要做的）。

來源

2013-03-12 12:52:57

在jquery上構建面向圖形的可視化編輯器

回答

相關問題