2017-10-05 3 views
1

나는 다음과 구글 차트가 : 당신이 보는 경우구글 차트

var elms=xml.getElementsByTagName("overall")[0]; 
    var avgs=elms.getElementsByTagName("average"); 
    for(var i=0;i<avgs.length;i++){ 
      chartArr[0][i+1]=avgs[i].getAttribute("name"); 
      chartArr[1][i+1]=parseFloat(avgs[i].getAttribute("avg")); 
    } 
    var data = google.visualization.arrayToDataTable(chartArr); 
    var options = { 
     title: 'Average Club Rating', 
     is3D: true, 
     width:1200, 
     chartArea:{ 
      width:800, 
      left:92 
     } 
    }; 
    var chart = new google.visualization.ColumnChart(document.getElementById('averagechart')); 
    chart.draw(data, options); 
    google.visualization.events.addListener(chart, 'select', function() { 
     console.log(this.getPosition()); 
    }); 

, 내가 먼저 채우는 charArr 그때 내가 만들고 설치 구글 차트.

하단에는 addListener 호출이 표시됩니다. 내가 원했던 것은 그 요소가 클릭되었을 때, chartArr로부터 가장 가능성이 높은 커스텀 URL이 사용되고 엔드 포인트 위치를 결정할 때입니다.

어떻게 만들어 지는지 사용자 지정 URL을 잡을 수있는 청취자의 위치를 ​​얻습니다. ,

console.log(chart.getSelection()); 

감사를

+0

확인 [이 답변] (https://stackoverflow.com/a/38598129/5090771)지도 차트의 경우에도 동일하게 작동해야합니다. – WhiteHat

답변

0

내가 요청을 이해하기 정말 있는지 확인 해달라고하지만,이 방법으로 이벤트를 인쇄 할 수 있습니다