Google 흐름 시각화와 같은 흐름 시각화를 구현하는 API가 있습니까

Google 시각화와 같은 흐름 시각화 다이어그램을 구현하려고합니다. 이러한 유형의 구현을위한 API를 제안하십시오. 어떤 도움을 주시면 감사하겠습니다.Google 흐름 시각화와 같은 흐름 시각화를 구현하는 API가 있습니까

편집 :이 요구 사항을 달성하기 위해 sankey 다이어그램을 사용했습니다. 내가 처음 및 세 번째 상호 작용 "PAGE1 \ 없음 50"가, 위의 예에서

$(document).ready(function() { 

    var dataArray = [["India \n 40","United States \n 25","Canada \n 20","Hong Kong \n 15"], 
        ["page1 \n 50","page2 \n 30","about_us.htm \n 20"], 
        ["page2 \n 50","contactus.htm \n 15"], 
        ["page1 \n 50"]]; 

    var sankey = new Sankey(); 

    for(var i=0; i< dataArray.length; i++) 
    sankey.stack(i,dataArray[i]); 

    sankey.setData([["India \n 40",20,"page1 \n 50"],["United States \n 25",10,"page1 \n 50"],["Canada \n 20",10,"page1 \n 50"],["Hong Kong \n 15",10,"page1 \n 50"],["India \n 40",10,"page2 \n 30"],["United States \n 25",10,"page2 \n 30"],["Canada \n 20",5,"page2 \n 30"],["Hong Kong \n 15",5,"page2 \n 30"],["India \n 40",10,"about_us.htm \n 20"],["United States \n 25",5,"about_us.htm \n 20"],["Canada \n 20",5,"about_us.htm \n 20"], 
        ["page1 \n 50",35,"page2 \n 50"],["page2 \n 30",15,"page2 \n 50"],["page1 \n 50",10,"contactus.htm \n 15"],["page2 \n 30",5,"contactus.htm \n 15"], 
        ["page2 \n 50",40,"page1 \n 50"] 
        ]); 

    sankey.setBubbles([["page1 \n 50", 5],["page2 \n 30",10],["about_us.htm \n 20",20],["contactus.htm \n 15",15],["page2 \n 50",10]]); 

    sankey.bubbleColor = "#F37126"; 
    sankey.bubbleLabelColor = "#FFF"; 
    sankey.draw(); 
});

: 다음은 내 코드입니다. 이 경우에만 세 번째 상호 작용에 하나의 노드가 생성됩니다. 이 문제를 극복하는 방법. 제발 도와주세요.

미리 감사

출처

2013-07-02 Valli69

에 그것은 당신이 Sankey diagram입니다 원하는 것 같습니다.

출처

2013-07-02 08:33:23

나는 또한 sankey 다이어그램을 시도했다. 나는이 다이어그램에서 하나의 문제를 겪었습니다. 즉 두 레벨에서 같은 노드 이름을 사용하면 단일 노드 만 생성됩니다. 그래서 다른 API를 찾고 있어요. – Valli69

사물로 할 수없는 일이 있습니다. 스택 번호와 같은 다른 데이터를 데이터에 추가하여 중복을 줄일 수 있습니다. 이것은 내가 그걸로 어떻게하고 있는지입니다. 단순히 내 개체가 sankey 차트에서 같은 이름을 갖지 않음을 의미합니다.

출처

2014-01-21 07:21:14

Google 흐름 시각화와 같은 흐름 시각화를 구현하는 API가 있습니까

답변

관련 문제