Pie

막대 차트는 Pie를 이용해 제작한다. 해당 모듈은 Pie 타입을 그대로 노출하는 대신에 Pie 인스턴스를 생성하는 함수를 반환한다. 클라이언트 단에서 전체 모듈을 번들링한 형태로 사용할 때는 daisy.pie()를 실행하여 Pie 인스턴스를 생성한다. 모듈별로 사용할 때에는 아래와 같이 pie 모듈만을 불러와서 사용해도 좋다.

import pie from 'daisy-chart/src/layouts/pie'
pie().container('#chart-container')
  .data(dataset)
  .dimensions(['category']) 바챠트 생성
  .measures([{field: 'value', op: 'sum'}])
  .render();

막대 차트의 유형은 범주(dimension), 수치(measure)의 조합과 형태 변형을 위한 옵션에 의해 형태가 결정된다. 그 예시는 아래와 같다.

• 범주 : 1개의 범주를 필수로 추가하며, 범주의 값에 의해 개별 파이가 분리된다.
• 수치
  • 0개 : 범주 값에 따라 개수를 세서 수치로 사용한다.
  • 1개 : 해당 수치 값에 의해 파이의 각도 비율을 나눈다.

API Reference

# pie.size([size]) <>

파이의 내-외부 반지름의 범위를 결정한다. [innerRadius, outerRadius] 형태를 px 단위로 전달한다. 기본 설정값은 [0,150] 이다. innerRadius를 0보다 크게 설정할 경우 도넛 형태 로 그려진다.