마크다운으로 복사링크 공유

글 속 그래프

팀 아티클 본문의 꺾은선 · 막대예요. 값이 글자로 함께 나와요.

모바일PCLineChart · Bars

고르기#

이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.

언제 쓰나#

  • 글 속 서버 그림(자바스크립트 없이).

쓰지 말아야 할 때 · 대신 쓸 것#

인터페이스#

타입에서 자동으로 뽑은 표예요.

LineChart#

속성기본값타입설명
x*-string[]
series*-{ name: string; values: (number | null)[]; tone?: Tone; }[]
unit-string
zero-boolean
band-[number, number]

Bars#

속성기본값타입설명
bars*-{ l: string; v: number; s?: string; tone?: Tone; }[]
unit''string

* 필수예요. 표는 타입에서 자동으로 뽑았어요.

접근성#

  • 값을 글자로 함께 적어 그림을 못 봐도 읽을 수 있어요.

플랫폼별 차이#

플랫폼별 차이
플랫폼차이
모바일

PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요.

PC

마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요.