2016-10-03 83 views
1

我有一個關於圖創建和渲染的具體要求。Angular 2 - 流程圖/順序圖 - 庫

雖然我們已經能夠找到: jsplumbtoolkit,美人魚和gojs有很好的功能,但這些都不符合我們的要求。

例如考慮A - > B(A使用1 px實心黑色連接線與B連接)

  • 我需要一個庫,可以在其中從代碼動態更改連接器。例如動態我應該能夠轉換2個節點之間的連接器,從1px純黑到5px純黑。
  • 另一個有趣的功能是:我可以將連接器分成兩部分,例如以2 px紅色顯示30%,在5 px黑色顯示其餘70%。

如果有任何支持此功能的庫(免費/付費),請求您輸入?或者我們的團隊應該專注於創建自己的?

感謝 Varun的

+0

嘿,你有沒有設法找到適合Angular2的東西? – user1640736

+0

不,我們爲此創建了基於d3的自定義庫,該d3根據我們的業務邏輯處理動畫 –

回答

1

我認爲這表明了基本特徵是什麼,你正在尋找:http://gojs.net/temp/twostrokelink.html。完整的實現在該頁面上。它可以被擴展來證明兩個筆劃以30%而不是50%的距離變化並動態地修改各個鏈接的形狀屬性。如果您對我們的nwoods.com域名的GoJS感興趣,請聯繫我們。