graph1 Chart.js로 간단하게 그래프 그리기 아래 이미지와 같은 그래프를 그리려면 어떠한 방법이 있을까요? HTML canvas에 그래프를 그리도록 직접구현도 가능하지만 투자대비 퀄리티가 만족스럽지 못할 확률이 높습니다. 따라서 Chart.js라는 오픈소스 라이브러리를 이용해서 쉽게 그래프를 그려보려고 합니다. 1. 가장 먼저 HTML 영역에 그래프를 그리고 싶은 영역에 아래와 같이 canvas를 추가해줍니다. 2. x, y좌표에 들어갈 라벨 및 데이터를 입력해줍니다. labels는 x축에 들어갈 값, datasets에는 실제 그래프로 그려질 데이터와 관련된 부분이며 중요한 부분은 datasets 내부에 data가 실제 y축에 들어갈 값 입니다. const data = { labels: ['202201', '202202', '202203'], /.. 2022. 6. 3. 이전 1 다음