[SCRIPT] 구글차트 막대그래프 (막대에 데이터 표출)

 

오늘은 Google Charts 에서 막대그래프에 대한 설명입니다.

아래 링크에 접속하면 막대그래프 외에 여러가지 차트를 확인할 수 있어요

차트 갤러리  |  Charts  |  Google for Developers

---

 

구글차트를 활용해 그래프를 그리는 것은 간단합니다

저는 월별로 방문자수(명)을 막대로 표출했는데요

실제 소스에서는 DB의 데이터를 가져왔지만 여기서는 하드코딩 된 예제를 작성하려 합니다.

 

 

 

여기서 포인트는 google.visualization.DataView 입니다

DataView에 data들을 넣고 setColumns로 막대 안에 데이터를 설정합니다.

setColumns에 있는 [ 0, 1 은 index로

예제에 월별과 숫자 이렇게 2개가 있어 1까지만 작성해줍니다. 

컬럼을 더 많이 사용하시는 분들은  숫자를 늘려주세요 

 

---

공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다.

고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다.

행복한 하루 보내세요 (❁´◡`❁)