2

Google Chart의 Sankey Diagram을 사용하여 응용 프로그램을 개발했으며 웹 응용 프로그램에서 Sankey Diagram 샘플을 성공적으로 만들었습니다. 하지만 레이아웃에 만족하지 않고 인터넷 검색을하고 d3.js의 Sankey Diagram 용 플러그인을 보았습니다. 정말 멋져 보이고 샘플 코드 애플리케이션을 here에서 테스트했습니다. 나는이 같은 다차원 배열에서 내 노드를 얻을 내가 개발 된 최초의 응용 프로그램에서d3.js Sankey 다이어그램 - 다중 다임 배열을 노드로 사용

d3.json("sankey-formatted.json", function(error, graph) { ... }); 

을 : 코드에서

, 그것은 노드로 사용하는 외부 JSON 파일을 호출

//rows is the multidimensional array 
//i got this from the example on Google Charts 
data.addRows(rows); 

다차원 배열은 AJAX 호출에서 가져온 개체의 모음입니다.

이 배열을 Sankey Diagram에 어떻게 사용할 수 있습니까? 외부 파일을 호출하지 않고도이 작업을 수행 할 수 있습니까?

+0

이미 데이터가 있으며'd3.json()'을 수행하지 않고 플러그인에 전달하기를 원하십니까? – Oleg

답변

1

나는 내 자신의 질문에 답할 수 있었다. (어리석은 나를). 나중에 사용할 수 있도록 게시 할 예정입니다.

이미 데이터 (예 : 배열)를 보유하고있는 변수가있는 경우 직접 사용하십시오. 내 경우

, 원래의 코드 :이 미래 전망을 위해 도움이 될 것입니다

// this time, nodes and links are the variables 
// that holds the arrays to be used by the chart 
// remove the encapsulation of d3.json 
sankey 
    .nodes(nodes) 
    .links(links) 
    .layout(32); 

// ... other codes 

희망으로

d3.json("sankey-formatted.json", function(error, graph) { 

    //sankey is an object, as well as the graph 
    sankey 
     .nodes(graph.nodes) 
     .links(graph.links) 
     .layout(32); 

// ... other codes 
}); 

변경을.