cost 253 ms
應用樣式后出現意外的黑色背景:“stroke: blue; stroke-width: 2px;”

[英]Getting unexpected black background after applying style:"stroke: blue; stroke-width: 2px;"

我是 reactJS 的新手,我一直在嘗試使用 DagreGraph 創建一個響應圖。 我學會了理解如何創建圖表所需的最小反應。 這是我的代碼,它給出了在兩個節點之間創建的邊緣的錯誤。 這是我在反應中使用“dagre-d3-react”中的 DagreGraph 創建 3 個節點的代碼。 我無法 ...

在 next.js 中實現力導向圖

[英]Implement force-directed graph in next js

我正在嘗試創建一個force-directed graph來映射機構中課程之間的交互。 在我的前端使用 Next JS + TypeScript。 已經嘗試使用react-flow 、 dagre 、 vis.network進行多次嘗試,但得到的不是window: undefined錯誤,就是該死的 ...

Cytoscape - 添加動態高度,然后使用擬合功能

[英]Cytoscape - Adding Dynamic Height and then using fit function

我有一個圖表,我在其中設置了圖表的動態高度,因為根據我們從后端收到的數據,圖表可以具有不同的高度,因此我根據節點數計算高度。 此外,我正在使用具有從左到右分層模型的 Dagre 布局,但這對於具有更多節點但只有一些在左側且右側相等的圖形不太適用。 因為我也使用 cy.fit() 函數來擬合容器中 ...

有沒有辦法在節點內部的頂部顯示節點標簽?

[英]Is there a way to display a node label at the top inside the node?

我正在使用 cytoscape.js 創建一個圖形,並且我在父節點內復合了節點。 我想在節點頂部但在節點內部擁有主/父節點的標題。 這在細胞景觀中可能嗎? 我曾嘗試使用 halign 和 valign。 每當我使用最高值時,它都會顯示在框外。 是否有擴展或插件可以讓我們這樣做? 子節點示例: ...

如果我們使用節點數計算動態高度,Cytoscape Fit function 不起作用

[英]Cytoscape Fit function is not working if we have dynamic height calculated using number of nodes

我正在使用 Cytoscape Dagre 擴展從左到右顯示層次圖。 它有 14 個孩子和一個父母 1 和主要父母。 我正在使用節點數計算容器的高度。 然后我在創建布局后調用 fit function 但它不起作用。 我添加了一個適合按鈕,如果我在加載圖表后單擊它,它就會起作用。 我究竟做錯了什么? ...

當有多個孩子時,Cytoscape Dagre 顯示連接的孩子

[英]Cytoscape Dagre shows connected Children when there are multiple children

我正在使用 Cytoscape Dagre 擴展從左到右顯示層次圖。 它有 14 個孩子和一個父母 1 和主要父母。 所有孩子都連接到父母 1,但每當我使用 dagre 擴展繪制圖形時,似乎孩子之間是相互連接的。 他們之間沒有任何優勢,但達格雷仍然表明了這一點。 帶有 Dagre 的 Cytosca ...

使用 d3 或 cytoscape 渲染家譜

[英]Rendering a family tree with d3 or cytoscape

我在使用 Javascript 生成漂亮的家譜時遇到問題。 要求: 每個孩子都應該連接到樹中的兩個父母,而不是像某些圖表中的一個我希望配偶在樹上彼此相鄰(垂直位置相同) 我想把節點按世代垂直排列,讓你一眼就能看到同一個年代出生的人。 隨着時間的推移,一個人可以有多個配偶,並且每個人都有孩子父母和孩子 ...

cytoscape.js 和 dagre 導致一個節點位置尷尬

[英]cytoscape.js and dagre result in one node positioned awkwardly

鑒於下面的 cytoscape.js 片段,使用 dagre 布局,誰能解釋為什么節點號 2 將自己定位在右下角,而不是像其他節點一樣按順序排列? var cy = cytoscape({ container: document.getElementById('cy'), eleme ...

dagre-d3 鏈接和標簽未出現在 angular 項目中

[英]dagre-d3 links and labels are not appearing in angular project

我正在角度研究 dagre-d3。 並且卡在了中間。 問題: 節點之間沒有出現鏈接。 節點上的標簽不可見。 https://codesandbox.io/s/angular-graph-kq2nb 我已經瀏覽了一些與此相關的帖子,但無法找到我遺漏的內容。 任何幫助表示贊賞。 ...

“dagre”實用程序是強制依賴項

[英]The "dagre" utility is a mandatory dependency

我正在使用jointjs並自動布局我使用dagre庫的節點。 我的代碼在此代碼處中斷 向我展示錯誤:“dagre”實用程序是必需的依賴項。 我正在使用 dagre@0.7.3 和 jointjs@3.0.4, ...

如何將 jointjs 圖形與紙張的中心/中間水平對齊,流向從上到下?

[英]How to align the jointjs graph to the center / middle of the paper horizontally with the flow direction from top to bottom?

我有一個使用 JointJs 生成的圖形,它使用 jointjs 提供的 Dagre 布局。 目前,圖表從上到下對齊,這是正確的方式,但完整的圖表會與紙張的左側對齊。 我需要圖表在紙的中間水平對齊。 當前使用的配置是這樣的: 我看到使圖形從上到下流動的選項被賦予rankDir: "TB" 。 是否 ...

如何在 D3/dagre-D3/javascript 中創建決策樹/流程圖?

[英]How to create a decision tree / flow chart in D3/dagre-D3/javascript?

所以我想創建一個如下的問題流程圖: 不確定從哪里開始最好......這是有向圖嗎? 其中一些最終真的被隔開並且看起來不太適合像這樣的“流”: https : //observablehq.com/@d3/force-directed-graph 我見過的最好的例子是一個非 D3 庫(yworks ...

使用Cytoscape.js繪制二進制搜索樹

[英]Drawing binary search tree with Cytoscape.js

我正在嘗試使用Cytoscape.js繪制二進制搜索樹。 我正在使用Dagre布局。 在我的樹中,每個節點正好有兩個子節點-我正在為空的子樹創建帶有“ null”標簽的節點。 我的問題是,有時左邊的孩子在右邊,反之亦然。 如何設置哪個節點應該是左子節點,哪個節點應該是右子節點? ...

使用dagre / dagre-d3 / d3.js懸停效果

[英]hover effects with dagre / dagre-d3 / d3.js

這是我的第一篇文章,希望有人可以幫我解決這個問題。 您在jsfiddle示例中看到的內容是使用我正在使用的工具制作的。 節點和邊(鏈接)的所有定義都是由我們的工具生成的(“ VAR STATES = ..”和“ g.setEdge”等。)(工具提示在這里不起作用,請忽略) 在選擇“ ...

dagre-d3-使長文本適合節點內部

[英]dagre-d3- make the long text to fit inside node

在setNode中,我們也可以指定html。 如果我提到寬度和高度,並且如果它是長文本,那么它正在移開。 我試着給寬度到div,但它不工作樣本小提琴 如何使文本適合節點內部? ...

更改SVG內容時是否保留d3縮放狀態?

[英]Preserve d3 zoom state when changing out SVG contents?

我正在使用d3渲染某些內容,並使用d3.zoom進行鼠標縮放。 它可以工作,但是我還需要定期更改svg的內容(執行完整的$('svg').html($('svg').html())調用,因為我的SVG包含HTML)。 問題是當我這樣做時,我失去了縮放狀態。 我試圖通過存儲縮放變換並在更 ...

在dagre-d3中拖動節點時缺少結束箭頭

[英]End arrow is missing while dragging node in dagre-d3

我有一個簡單的圖,父節點是多邊形,子節點是矩形。 這兩個節點之間有一條邊。 這里的問題是,一旦我們拖動任何節點,連接到多邊形的末端箭頭就會丟失。 誰能幫我找出為什么該末端箭頭丟失的原因。 注釋中提供了樣本小提琴。 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM