본문으로 건너뛰기
Centralby 디자인 시스템

차트

PieChart

구성 비율을 조각으로. DonutChart의 pie 변형으로만 존재.

  • 만들지 않는 차트 · 규칙 페이지

개요

이 차트가 답할 질문

DonutChart와 같다: “보관된 기록은 어느 출처에서 왔나?” 질문이 같으면 컴포넌트도 하나다.

만들지 않는 이유

  • 파이는 가운데에 기준일을 쓸 자리가 없고, 작은 조각의 각도 비교가 도넛보다 어렵다.
  • 별도 컴포넌트를 두면 이름만 다른 중복이 된다(Adaeze 규칙).

대신 쓸 것

이렇게 · 이렇게 하지 않기

  • 이렇게 필요하면 DonutChart variant="pie"를 쓴다. 조각은 5개 이하, 조각마다 직접 라벨.
  • 이렇게 하지 않기 3D 파이, 조각 튀어나옴(hover pop-out), 조각이 차례로 쓸려 들어오는 애니메이션을 쓰지 않는다.
  • 이렇게 하지 않기 생산성 점수, 활동량 순위, 사람 간 비교, streak, 목표 달성률을 그리지 않는다.
  • 이렇게 하지 않기 읽지 않은 구간을 0으로 그리거나 선으로 잇지 않는다. 빗금 + “아직 읽지 않음”으로 그린다.
  • 이렇게 하지 않기 막대가 자라거나 선이 그려지는 등장 애니메이션을 쓰지 않는다. 처음 표시는 불투명도만.
  • 이렇게 하지 않기 색만으로 계열을 나누지 않는다. 직접 라벨이 먼저, 표식 모양·무늬가 다음, 색은 보강이다.

함께 보기

검토한 21st 참고