Google 트리 컨트롤 onClick

Google 트리 컨트롤에서 사각형을 클릭하고 페이지의 다른 부분에 값을 설정하고 싶습니다.Google 트리 컨트롤 onClick

다음 코드를 사용하고 있지만 경고로 아무 것도 일어나지 않습니다. 모든

tree.draw(data, { 
     minColor: '#f00', 
     midColor: '#ddd', 
     maxColor: '#0d0', 
     headerHeight: 15, 
     fontColor: 'black', 
     showScale: true 
    }); 
} 


// this code does not work 

function myOnClickFunction(){ 
    TreeMap.getSelection(); 
    var txt = TreeMap.getValue(0, TreeMap.getSelection()); 

    alert(txt); 

} 
google.visualization.events.addListener(TreeMap, 'select', myOnClickFunction); 
// end of none working code 
</script> 
</head> 

<body> 
    <div id="chart_div" style="width: 500px; height: 900px;"></div> 
</body> 
</html>

출처

2014-07-05 user3093994

첫째, 당신은 당신의 그림 기능에 트리 맵 시각화 tree에 대한 변수의 이름,하지만 TreeMap라는 변수를 사용하여 이벤트 처리기를 만들어보십시오. 초, 이벤트 핸들러가 tree 변수의 범위에 없습니다. 세 번째로 getSelection 메서드는 자체적으로 열 인덱스를 반환하지 않으므로 getValue 메서드 호출에서 직접 출력을 사용할 수 없습니다. 변수 이름을 변경하고 드로잉 함수 내에서 이벤트 핸들러를 이동하고 다음과 같이 이벤트 핸들러 내부의 코드를 조정합니다.

function myOnClickFunction(){ 
    var selection = tree.getSelection(); 
    if (selection.length) { 
     var txt = data.getValue(selection[0].row, selection[0].column); 
     alert(txt); 
    } 
} 
google.visualization.events.addListener(tree, 'select', myOnClickFunction);

출처

2014-07-05 14:52:37 asgallant

Google 트리 컨트롤 onClick

답변

관련 문제