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) 플러그인 웹을 제작하다 보면, 차트가 필요한 경우가 종종 있습니다. 간단한 막대그래프같은 경우에는 html, css로 그려내도 되지만, 보통은 chart의 플러그인을 사용하여 구현합니다. 그럼 무료로 사용가능한 차트 플러그인에 대해 알아보겠습니다. 1. chart.js (www.chartjs.org/) 차트플러그인 중에서 유일하게 사용해본 chart.js 입니다. 차트플러그인 중에서 꽤 유명한 편이라 국내에서도, 해외에서도 예제들을 많이 찾아볼 수 있습니다. 간단한 차트를 표현하기에는 좋지만, 커스텀하기가 불편해서 정말 간단한 차트만 그리기 좋은 차트입니다. 2.C3.js (c3js.org/) c3는 생성할 때 각 요소에 일부 클래스를 제공하여, 사용자 정의 스타일을 적용할 수 있..