차트

Polaris 가 정한 기본값이다. 위성은 같은 손잡이에 자기 값을 덮는다. 표는 @duolabs-deux/ui 의 tokens.css 에서 읽는다.

견본

라인

0102030

1월2월3월4월5월

막대

0204060

1분기2분기3분기4분기

값

--chart-series-1

var(--primary) 를 따름

다크var(--primary) 를 따름

차트 색

--chart-series-2

--primary 에서 색상 +180°

다크--primary 에서 색상 +180°

차트 색

--chart-series-3

--primary 에서 색상 +90°

다크--primary 에서 색상 +90°

차트 색

--chart-series-4

--primary 에서 색상 +270°

다크--primary 에서 색상 +270°

차트 색

--chart-grid

--border 에서 파생

다크--border 에서 파생

차트 색

--chart-grid-strong

--border-strong 에서 파생

다크--border-strong 에서 파생

차트 색

--chart-track

--surface-muted 에서 파생

다크--surface-muted 에서 파생

차트 색

--chart-line-width

2px

차트 모양

--chart-area-opacity

0.1

차트 모양

--chart-bar-radius

3px

차트 모양

--chart-point-radius

4.5px

차트 모양

--chart-cell-radius

4px

차트 모양