Programing/Web Chart2 Google Chart로 Column항목 dynamic하게 control하기 단순히 Array형식의 데이터를 가지고 chart를 그리는 것은 어렵지 않았다. 하지만 실제로 UI에 적용해 두니, 데이터가 많아진다면(즉, line chart라면 차트에 선이 많아진다면?) 사용자가 보기 불편해 하지 않을까 라는 생각이 들었다. 그래서 사용자가 선택한 항목만 선으로 그려 줄 순 없을까? 라는 궁금증이 들었다. 무작정 진행해보기. Google에서 검색을 해보니(api reference만 잘 읽어봐도 금방 찾는데 ㅠ) 많은 정보들이 있었다. 그 중 Data Format인 DataTable이 아니라 DataView를 사용해서 어렵지 않게 구현할 수 있었다. https://developers.google.com/chart/interactive/docs/reference Api Reference.. 2015. 3. 5. Google Chart 사용기 Web에서 UI 차트를 그려야해서 Google chart를 사용하게 되었다. 무작정 Google에서 "google chart" 로 검색하면 아래와 같은 페이지를 찾을 수 있다. https://developers.google.com/chart/ 가장 대중적인 LineChart를 한 번 그려보기로 했다. API reference 따위는 살펴보지 않고 hello world만 해보면 다 알 수 있다는 자만감에 그냥 sample을 보기로 하였다. 아주 simple한 chart다. 코드 또한 간단하다. Google chart를 사용하기 위해 js 설정이 필요하다. google chart를 load google.load("visualization", "1", {packages:["corechart"]}); callb.. 2015. 3. 5. 이전 1 다음
