无法对齐中心细胞景观图

Question

我想在画布的中心对齐我的细胞景观图，有人可以帮忙吗？这是我得到的结果：

这是我的布局代码：

var cy = window.cy = cytoscape({
                // Contenedor
                container: document.getElementById('graficaCytoscape'),
                // Layout
                layout: {
                    name: 'cose',
                    idealEdgeLength: 100,
                    nodeOverlap: 20,
                    refresh: 20,
                    padding: 30,
                    randomize: false,
                    componentSpacing: 100,
                    nodeRepulsion: 400000,
                    edgeElasticity: 100,
                    nestingFactor: 5,
                    gravity: 80,
                    numIter: 1000,
                    initialTemp: 200,
                    coolingFactor: 0.95,
                    minTemp: 1.0

                },
                // Styles
                style: [{
                    "selector": "node",
                    "style": {
                        
                        "width": "mapData(score, 0, 25, 30, 70)",
                        "height": "mapData(score, 0, 25, 30, 70)",
                        "content": "data(name)",
                        "font-size": "12px",
                        "background-color": "#c2c2c2",
                        "text-outline-color": "#555",
                        "text-outline-width": "2px",
                        "color": "#fff",
                        "overlay-padding": "6px",
                        "z-index": "10"
                    }
                }, {
                    "selector": "edge",
                    "style": {
                        "curve-style": "haystack",
                        "haystack-radius": "0.5",
                        "opacity": "0.4",
                        "line-color": "#EC0000",
                        "width": "mapData(weight, 0, 1, 1, 8)",
                        "overlay-padding": "3px"
                    }
                }],
                // Data
                elements: data
            });

所以我需要的是图形到达其容器的中心。我认为这是一个简单的问题，但我以前从未使用过 cytoescape，因此我陷入了困境。谢谢

Answer 1

您可以尝试在 .js 文件中渲染图表时使用 cy.center()。

Cytoscape.js 文档：https://js.cytoscape.org/#cy.center

你可以尝试在script.js文件中加入cy.center()，看看这个例子的效果：http://embed.plnkr.co/O7mWEfZuIhhtahdAhsAM/

或者，从您的代码中，您也可以尝试在 cy 变量声明的末尾添加 cy.center()。

Answer 2

最后我可以用： pan: { x: 400, y: 100 },

无法对齐中心细胞景观图

Cant align center cytoscape graph

javascript

cytoscape