2014-01-08 5 views
2

Sigma.js 사용 그래프 노드에 맞춤 이미지를 추가하고 싶습니다. 내가 a plugin을 발견 nodeShapes.js 및 plotter.js을 포함, 다음 이미지 속성 추가 :노드에 맞춤 이미지 추가

var imgUri="somepicture.png" 

sigInst.addNode(id,{ 
        'x': Math.random(), 
        'y': Math.random(), 
        'label': data.nodes[i].val, 
       // 'color': color,       commenting this line out to add custom images to the nodes    
        'image':{'url':imgUri}, 
        'cluster': clusters['cluster_id'] 
}); 

을하지만 그래프는 그대로 유지하고 나는 아직도 기본 점을 참조하십시오.

+1

이 문제를 해결할 수 있었습니까? – CodeGuru

답변

0

며칠 전에 나왔던 새 버전의 시그마를 확인해야합니다. 여기서 노드에 맞춤 이미지를 추가 할 수 있지만 Canvas 렌더러를 사용하도록 지정해야합니다. 그렇지 않으면 작동하지 않습니다.

+0

새 릴리스를 사용했지만 현재 코드가 손상 될 수 있습니다. 새 버전을 사용할 수 있지만 구문이 많이 변경되었습니다. 또한 플러그인 작성자는 Plotter.js 및 nodeShapes.js 파일에서 변경 사항을 언급했습니다 (github 별). 새 버전은이 플러그인과 함께 핵심 코드의 일부로 제공됩니다. 시그마의 이전 버전을 기준으로 변경을 제안 할 수 있습니까 ?? – Amar