트리맵
단지를 시가총액 크기 · 변동 색의 칸으로 깔아요. 칸을 누르면 상세로 가요.
모바일PCTreemap실제 데이터 · 2026-11 기준
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 면적으로 비중을 보여 주는 트리맵.
인터페이스#
타입에서 자동으로 뽑은 표예요.
Treemap#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| rows* | - | Row[] | |
| series | - | any | |
| brands | - | any | |
| onPick* | - | (r: Row) => void | |
| ready | true | boolean | 전체 랭킹(45,425행)이 도착했는가. false면 지역 단계는 heat_index만으로 그린다. |
| onNeedAll | - | () => void | 개별 단지가 필요한 단계로 내려갈 때 호출 - 그때서야 ranking.json(gz 12.2MB)을 받는다. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 칸마다 이름과 값이 글자로 있어요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |