eunyo의 it이야기

차트를 그릴 때 좋은 c3.js의 사용법과 옵션 등에 대해 알려드리겠습니다. d3를 기반의 플러그인입니다. chart의 font-family color 등 여러가지 항목들을 css로 커스텀이 가능해서 무료 차트중에서는 확장성이 높은편입니다. 01. c3 설치 https://github.com/c3js/c3/releases/tag/v0.7.20 Release v0.7.20 · c3js/c3 Changes Fix config subchart_axis_x_show (#2806) Fix pan of y-axis when zoomed and rotated=true #2799 (#2805) github.com C3의 깃허브에서 c3를 설치해줍니다. 02. JS/CSS 추가 아래의 코드는 c3 css와 js파일 cd..

차트를 사용할 때 사용하기 좋은 플러그인인 chart.js의 사용법과 옵션을 알려드리겠습니다. Chart.js는 강력한 오픈소스 라이브러리로 활용성이 높아요 :) 01. 우선 GitHub에서 Chart.js 파일을 다운받아 설치해줍니다. github.com/chartjs/Chart.js chartjs/Chart.js Simple HTML5 Charts using the tag. Contribute to chartjs/Chart.js development by creating an account on GitHub. github.com chart.js 사이트안에 많은 예제 파일과 사용법이 있으니까 참고하세요 :) 02. JS 연결을 해줍니다. npm 연결 다운받은 파일로 연결 03. 페이지에 컨버스를 삽입한..