題:
GoJS-免費路由圖HTML框架替代
Wenza
2016-01-09 04:39:08 UTC
view on stackexchange narkive permalink

我們正在一家小型創業公司中工作,並希望使用框架 GoJS向我們的客戶展示(因為他們不了解用戶組是什麼),用戶如何加入用戶組以管理其他用戶

但是,由於我們是初創公司,因此我們沒有3000USD可以花在GoJS庫上,儘管我喜歡這個框架,但它簡單易懂。而且,輸入數據的模型很棒。

這個問題……有人知道任何滿足要求的好選擇嗎?

  • 從一個元素到另一個元素的路線擁有箭頭關係如何
  • 我可以設置單條路線的顏色(我要管理的路線為紅色,其他人為藍色等)
  • 自動定位和繪製路線
  • 具有鏈接功能(可用於輸入數據),我只需添加鍵數組{from:x,to:y,“ green”},它將帶有#X的元素鏈接到帶有#Y的元素(帶有從X到Y的箭頭)顏色綠色

GoJS沒有什麼但很酷:通過HTML5 + CSS3 + JS可以很好地實現這一點,但是仍然很難在使用openGL的GoJS上自定義佈局

在看到試用之前,我的成就是: enter image description here

輸入數據

  nodeDataArray = [{鍵: 1,名稱:“ Group 1”,類別:“ decision”,a:“ 1”,aText:“ Add UserGroup”,aToolTip:“ Test”,b:“ a”,bText:“ Delete”,bToolTip:“ sdas” “},//根節點{key:2,name:” Grou p 2”,類別:“決策”,a:“ 2”,aText:“添加用戶組”,aToolTip:“測試”,b:“ b”,bText:“刪除”,bToolTip:“ sdas”},{鍵:3,名稱:“組3”,類別:“決策”,a:“ 3”,aText:“添加用戶組”,aToolTip:“測試”,b:“ c”,bText:“刪除”,bToolTip:” sdas“},{鍵:4,名稱:“第4組”,類別:“決策”,a:“ 4”,aText:“添加用戶組”,aToolTip:“測試”,b:“ d”,bText:” Delete”,bToolTip:“ sdas”},{鍵:5,名稱:“ Group 5”,類別:“ decision”,a:“ 5”,aText:“ Add UserGroup”,aToolTip:“ Test”,b:” e“,bText:”刪除“,bToolTip:” sdas“},
{鍵:6,名稱:“第6組”,類別:“決策”,a:“ 6”,aText:“添加用戶組”,aToolTip:“測試”,b:“ f”,bText:“刪除”,bToolTip :“ sdas”}]; linkDataArray = [{from:“ 0”,to:“ 1”},{from:“ 1”,to:“ 2”},{from:“ 1”,to:“ 3” },{from:“ 3”,to:“ 1”},{from:“ 1”,to:“ 4”},{from:“ 4”,to:“ 5”},{from:“ 4” ,以:“ 6”}];  
我建議您與[email protected]進行交談,因為可能會有一些折扣類別適用於您的情況。
你有選擇嗎?你能分享一下嗎?什麼,為什麼?
@Mawg您好,抱歉,您的回复很晚,不,我沒有這樣做,因為我們公司不想為這項服務付費,因為我們尚未將其視為殺手級功能,因此決定暫時不使用它,但我們正計劃採取措施從頭開始構建,因為我們不需要大公司使用的所有功能。
@Wenza re:“我們不需要大公司使用的所有功能”。太糟糕了,GoJS沒有提供更有限的產品版本,因此您不必為不需要使用的所有花哨費用付費。
二 答案:
#1
+3
Steve Barnes
2016-01-09 12:53:12 UTC
view on stackexchange narkive permalink

幾乎可以肯定地通過將 dot語言 GraphViz工具包(源代碼此處)一起使用來獲得所需的東西 Viz.js javascript客戶端或其他實現之一(例如 Canviz

)。點語允許您使用文本指定一組節點,為&樣式和連接器添加文字,顏色,&樣式和工具,這些工具將自動為您佈置圖表並以多種格式輸出,包括使用Viz.js的Web格式。

  • 免費
  • 廣泛使用
  • 具有自動佈局的定向圖
您好,謝謝您,這是我所見過的最接近的……我的Viz.js(http://visjs.org/)似乎只對我的模型不利,因為它可能只是直接鏈接,而沒有聯繫能夠在預覽中顯示這些鏈接...對我來說,那些直線鏈接無法節省足夠的空間,並且在30個元素的情況下會令人困惑...您知道是否可以更改鏈接類型(路線)嗎?
抱歉,我不太了解Viz.js。
#2
+3
Davis Jebaraj
2016-05-11 22:04:41 UTC
view on stackexchange narkive permalink

JavaScript基本圖支持創建任何類型的圖。

示例 角度示例

Diagram JS with user groups

如果您符合資格(收入少於100萬美元),則可以通過社區許可證免費獲得整個產品。

我為Syncfusion工作。

這看起來很棒(+1)。您知道是否有AngularJs包裝器嗎?
@Mawg是的。這是等效的Angular示例http://jsplayground.syncfusion.com/ow4r5rjx


該問答將自動從英語翻譯而來。原始內容可在stackexchange上找到,我們感謝它分發的cc by-sa 3.0許可。
Loading...