2012-08-07 2 views
3

이렇게 Google 시각화의 ColumnChart를 사용하여 차트를 만들었습니다.Google 시각화의 ColumnChart에서 막대를 수동으로 선택

enter image description here

그것은 기본적의 3 × 7 행렬을 사용하여 누적 된 열 차트. 모든 막대에서 두 개의 다른 행에 대한 데이터를 제거합니다. 제 문제는 자바 막대 코드를 사용하여 처음부터 클릭 한 것처럼 노란색 막대 (또는 다른 막대)를 만드는 방법입니다. 아래처럼.

enter image description here

*

는 노란색 막대에서 빛의 경계를 알 수 있습니다.

답변

4

차트에서 setSelection()을 호출하여 막대를 프로그래밍 방식으로 선택할 수 있습니다. 여기

google.visualization.events.addListener(chart, 'ready', readyHandler); 

function readyHandler(e) { 
    chart.setSelection([{"row":1,"column":1}]); 
} 

을 우리가 프로그래밍 차트에 이어 두 번째 줄을 선택하고 작업 예제 :은 "준비"이벤트가 시작 된 후이은 다음과 같이 트리거되는이 이벤트에 선택을 설정할 수 있습니다 즉, 수행 할 수 있습니다 그려져 있습니다 : http://jsfiddle.net/FFEZT/

+0

이것은 내가 찾고 있었던 것입니다. 덕분에 ! –

+1

예제를 실행할 때 ([''] (http://stackoverflow.com/questions/38040007/google-charts-manually-set-focus-on-column- 38165672 # 38165672) 내 바둑판 주위에 밝은 테두리가 표시되지 않습니다. –

관련 문제