Vis, 시작시 가장자리가 보이지 않음

VIS을 사용하여 그래프를 만들었지 만 문제가 있습니다. 간단한 계층 적 그래프를 만들면 : 3 개의 꼭지점과 3 개의 가장자리로 한쪽 가장자리가 보이지 않습니다 (다른 두 개의 꼭지점 뒤에 숨어 있습니다). 대각선 교차 유형이있는 부드러운 커브 사용은 솔루션의 일부입니다. 그래프는 잘 보이지만 정점을 이동 한 후에 나타납니다. 페이지가로드 된 직후 가장자리가 보이지 않습니다. 그것을 고칠 수 있습니까?Vis, 시작시 가장자리가 보이지 않음

Heres는 내 코드 :

<!doctype html> 
<html> 
<head> 
    <title>Network | Basic usage</title> 
    <script type="text/javascript" src="vis.js"></script> 
    <link rel="stylesheet" type="text/css" href="vis.css"> 
</head> 
<body> 
<div id="mynetwork"></div> 

<script type="text/javascript"> 
    // create an array with nodes 
    var nodes = [ 
    {id: 1, label: 'Node 1', level:0}, 
    {id: 2, label: 'Node 2', level:1}, 
    {id: 4, label: 'Node 4', level:2} 
    ]; 

    // create an array with edges 
    var edges = [ 
    {from: 1, to: 2}, 
    {from: 1, to: 4}, 
    {from: 2, to: 4} 
    ]; 

    // create a network 
    var container = document.getElementById('mynetwork'); 
    var data= { 
    nodes: nodes, 
    edges: edges, 
    }; 
    var options = { 
    width: '900px', 
    height: '900px', 
    edges: 
    { 
     style: 'arrow' 
    }, 
    dragNetwork: true, 
    navigation: true, 
    keyboard: true, 
    <!-- dragNodes: false, --> 
    hierarchicalLayout: {enabled:true} 
    }; 
    var network = new vis.Network(container, data, options); 
    var type = "diagonalCross"; 
    network.setOptions({smoothCurves:{type:type}}); 
</script> 
</body> 
</html>

나를 위해 계층 뷰를 사용하는 것이 중요합니다.

출처

2015-01-16 Piotr Golda

자바 스크립트 안에있는 HTML 스타일의 주석은 브라우저가 코드를 이해하지 못하게한다고 생각합니다. 단순히 주석을 제거하고 브라우저를 새로 고치십시오. 좋아요 :

var options = { 
    width: '900px', 
    height: '900px', 
    edges: { 
     style: 'arrow' 
    }, 
    dragNetwork: true, 
    navigation: true, 
    keyboard: true, 
    // <!-- dragNodes: false, --> 
    hierarchicalLayout: {enabled:true} 
    };

출처

2015-02-17 06:39:37 stanleyxu2005

Vis, 시작시 가장자리가 보이지 않음

답변

관련 문제