sy-wafer-map
Wafer Map
웨이퍼 위의 die 좌표별 상태와 측정값을 보여줍니다.
sy-wafer-map
bin·수율·파라미터의 공간 패턴을 확인하세요.
diameter·dieWidth·dieHeight와 좌표 원점을 실제 측정 체계에 맞추세요. 비어 있는 die를 합격으로 간주하지 마세요.
기본 차트 등급: Community. 추가 렌더러·커스텀 브랜딩 등 기능의 권한은 별도입니다.
| 입력 | 데이터 설명 |
|---|---|
values | { col, row, bin?, value? } die 배열입니다. |
mode | grid·bin·binary·value로 표현을 선택합니다. |
passBin | 합격으로 해석할 bin입니다. |
- Components에서 실행하기
옵션 변경과 프레임워크별 코드
- 공통 설치와 연결
전체 적용 예제
<div id="chart-container" style="width: 100%; min-width: 0;"></div>
<script type="module">
import { defineCustomElement as define0 } from '@syidax/advanced/components/sy-wafer-map.js';
define0();
const specs = [
{
"id": "example-chart",
"tag": "sy-wafer-map",
"props": {
"engine": "standard",
"values": [
{
"col": -6,
"row": -6,
"bin": 2,
"value": 95
},
{
"col": -5,
"row": -6,
"bin": 1,
"value": 96.93
},
{
"col": -4,
"row": -6,
"bin": 1,
"value": 97.96
},
{
"col": -3,
"row": -6,
"bin": 1,
"value": 97.59
},
{
"col": -2,
"row": -6,
"bin": 1,
"value": 96
},
{
"col": -1,
"row": -6,
"bin": 1,
"value": 93.95
},
{
"col": 0,
"row": -6,
"bin": 1,
"value": 92.39
},
{
"col": 1,
"row": -6,
"bin": 1,
"value": 92.05
},
{
"col": 2,
"row": -6,
"bin": 1,
"value": 93.11
},
{
"col": 3,
"row": -6,
"bin": 1,
"value": 95.05
},
{
"col": 4,
"row": -6,
"bin": 1,
"value": 96.97
},
{
"col": 5,
"row": -6,
"bin": 1,
"value": 97.96
},
{
"col": 6,
"row": -6,
"bin": 1,
"value": 97.56
},
{
"col": -6,
"row": -5,
"bin": 1,
"value": 95.96
},
{
"col": -5,
"row": -5,
"bin": 1,
"value": 93.9
},
{
"col": -4,
"row": -5,
"bin": 1,
"value": 92.36
},
{
"col": -3,
"row": -5,
"bin": 1,
"value": 92.06
},
{
"col": -2,
"row": -5,
"bin": 2,
"value": 93.15
},
{
"col": -1,
"row": -5,
"bin": 1,
"value": 95.1
},
{
"col": 0,
"row": -5,
"bin": 1,
"value": 97.01
},
{
"col": 1,
"row": -5,
"bin": 1,
"value": 97.97
},
{
"col": 2,
"row": -5,
"bin": 1,
"value": 97.54
},
{
"col": 3,
"row": -5,
"bin": 1,
"value": 95.91
},
{
"col": 4,
"row": -5,
"bin": 1,
"value": 93.85
},
{
"col": 5,
"row": -5,
"bin": 1,
"value": 92.34
},
{
"col": 6,
"row": -5,
"bin": 1,
"value": 92.07
},
{
"col": -6,
"row": -4,
"bin": 1,
"value": 93.19
},
{
"col": -5,
"row": -4,
"bin": 1,
"value": 95.15
},
{
"col": -4,
"row": -4,
"bin": 1,
"value": 97.05
},
{
"col": -3,
"row": -4,
"bin": 1,
"value": 97.98
},
{
"col": -2,
"row": -4,
"bin": 1,
"value": 97.51
},
{
"col": -1,
"row": -4,
"bin": 1,
"value": 95.86
},
{
"col": 0,
"row": -4,
"bin": 1,
"value": 93.81
},
{
"col": 1,
"row": -4,
"bin": 1,
"value": 92.31
},
{
"col": 2,
"row": -4,
"bin": 2,
"value": 92.08
},
{
"col": 3,
"row": -4,
"bin": 1,
"value": 93.23
},
{
"col": 4,
"row": -4,
"bin": 1,
"value": 95.2
},
{
"col": 5,
"row": -4,
"bin": 1,
"value": 97.08
},
{
"col": 6,
"row": -4,
"bin": 1,
"value": 97.98
},
{
"col": -6,
"row": -3,
"bin": 1,
"value": 97.48
},
{
"col": -5,
"row": -3,
"bin": 1,
"value": 95.81
},
{
"col": -4,
"row": -3,
"bin": 1,
"value": 93.76
},
{
"col": -3,
"row": -3,
"bin": 1,
"value": 92.29
},
{
"col": -2,
"row": -3,
"bin": 1,
"value": 92.1
},
{
"col": -1,
"row": -3,
"bin": 1,
"value": 93.27
},
{
"col": 0,
"row": -3,
"bin": 1,
"value": 95.25
},
{
"col": 1,
"row": -3,
"bin": 1,
"value": 97.12
},
{
"col": 2,
"row": -3,
"bin": 1,
"value": 97.99
},
{
"col": 3,
"row": -3,
"bin": 1,
"value": 97.45
},
{
"col": 4,
"row": -3,
"bin": 1,
"value": 95.76
},
{
"col": 5,
"row": -3,
"bin": 1,
"value": 93.72
},
{
"col": 6,
"row": -3,
"bin": 2,
"value": 92.27
},
{
"col": -6,
"row": -2,
"bin": 1,
"value": 92.11
},
{
"col": -5,
"row": -2,
"bin": 1,
"value": 93.31
},
{
"col": -4,
"row": -2,
"bin": 1,
"value": 95.3
},
{
"col": -3,
"row": -2,
"bin": 1,
"value": 97.15
},
{
"col": -2,
"row": -2,
"bin": 1,
"value": 97.99
},
{
"col": -1,
"row": -2,
"bin": 1,
"value": 97.42
},
{
"col": 0,
"row": -2,
"bin": 1,
"value": 95.72
},
{
"col": 1,
"row": -2,
"bin": 1,
"value": 93.67
},
{
"col": 2,
"row": -2,
"bin": 1,
"value": 92.25
},
{
"col": 3,
"row": -2,
"bin": 1,
"value": 92.12
},
{
"col": 4,
"row": -2,
"bin": 1,
"value": 93.35
},
{
"col": 5,
"row": -2,
"bin": 1,
"value": 95.35
},
{
"col": 6,
"row": -2,
"bin": 1,
"value": 97.19
},
{
"col": -6,
"row": -1,
"bin": 1,
"value": 98
},
{
"col": -5,
"row": -1,
"bin": 1,
"value": 97.39
},
{
"col": -4,
"row": -1,
"bin": 1,
"value": 95.67
},
{
"col": -3,
"row": -1,
"bin": 2,
"value": 93.63
},
{
"col": -2,
"row": -1,
"bin": 1,
"value": 92.23
},
{
"col": -1,
"row": -1,
"bin": 1,
"value": 92.14
},
{
"col": 0,
"row": -1,
"bin": 1,
"value": 93.39
},
{
"col": 1,
"row": -1,
"bin": 1,
"value": 95.4
},
{
"col": 2,
"row": -1,
"bin": 1,
"value": 97.22
},
{
"col": 3,
"row": -1,
"bin": 1,
"value": 98
},
{
"col": 4,
"row": -1,
"bin": 1,
"value": 97.36
},
{
"col": 5,
"row": -1,
"bin": 1,
"value": 95.62
},
{
"col": 6,
"row": -1,
"bin": 1,
"value": 93.58
},
{
"col": -6,
"row": 0,
"bin": 1,
"value": 92.21
},
{
"col": -5,
"row": 0,
"bin": 1,
"value": 92.15
},
{
"col": -4,
"row": 0,
"bin": 1,
"value": 93.44
},
{
"col": -3,
"row": 0,
"bin": 1,
"value": 95.45
},
{
"col": -2,
"row": 0,
"bin": 1,
"value": 97.26
},
{
"col": -1,
"row": 0,
"bin": 1,
"value": 98
},
{
"col": 0,
"row": 0,
"bin": 1,
"value": 97.33
},
{
"col": 1,
"row": 0,
"bin": 2,
"value": 95.57
},
{
"col": 2,
"row": 0,
"bin": 1,
"value": 93.54
},
{
"col": 3,
"row": 0,
"bin": 1,
"value": 92.19
},
{
"col": 4,
"row": 0,
"bin": 1,
"value": 92.17
},
{
"col": 5,
"row": 0,
"bin": 1,
"value": 93.48
},
{
"col": 6,
"row": 0,
"bin": 1,
"value": 95.5
},
{
"col": -6,
"row": 1,
"bin": 1,
"value": 97.29
},
{
"col": -5,
"row": 1,
"bin": 1,
"value": 98
},
{
"col": -4,
"row": 1,
"bin": 1,
"value": 97.3
},
{
"col": -3,
"row": 1,
"bin": 1,
"value": 95.52
},
{
"col": -2,
"row": 1,
"bin": 1,
"value": 93.49
},
{
"col": -1,
"row": 1,
"bin": 1,
"value": 92.18
},
{
"col": 0,
"row": 1,
"bin": 1,
"value": 92.19
},
{
"col": 1,
"row": 1,
"bin": 1,
"value": 93.52
},
{
"col": 2,
"row": 1,
"bin": 1,
"value": 95.55
},
{
"col": 3,
"row": 1,
"bin": 1,
"value": 97.32
},
{
"col": 4,
"row": 1,
"bin": 1,
"value": 98
},
{
"col": 5,
"row": 1,
"bin": 2,
"value": 97.27
},
{
"col": 6,
"row": 1,
"bin": 1,
"value": 95.47
},
{
"col": -6,
"row": 2,
"bin": 1,
"value": 93.45
},
{
"col": -5,
"row": 2,
"bin": 1,
"value": 92.16
},
{
"col": -4,
"row": 2,
"bin": 1,
"value": 92.21
},
{
"col": -3,
"row": 2,
"bin": 1,
"value": 93.57
},
{
"col": -2,
"row": 2,
"bin": 1,
"value": 95.6
},
{
"col": -1,
"row": 2,
"bin": 1,
"value": 97.35
},
{
"col": 0,
"row": 2,
"bin": 1,
"value": 98
},
{
"col": 1,
"row": 2,
"bin": 1,
"value": 97.23
},
{
"col": 2,
"row": 2,
"bin": 1,
"value": 95.42
},
{
"col": 3,
"row": 2,
"bin": 1,
"value": 93.41
},
{
"col": 4,
"row": 2,
"bin": 1,
"value": 92.14
},
{
"col": 5,
"row": 2,
"bin": 1,
"value": 92.22
},
{
"col": 6,
"row": 2,
"bin": 1,
"value": 93.61
},
{
"col": -6,
"row": 3,
"bin": 1,
"value": 95.65
},
{
"col": -5,
"row": 3,
"bin": 1,
"value": 97.38
},
{
"col": -4,
"row": 3,
"bin": 2,
"value": 98
},
{
"col": -3,
"row": 3,
"bin": 1,
"value": 97.2
},
{
"col": -2,
"row": 3,
"bin": 1,
"value": 95.37
},
{
"col": -1,
"row": 3,
"bin": 1,
"value": 93.36
},
{
"col": 0,
"row": 3,
"bin": 1,
"value": 92.13
},
{
"col": 1,
"row": 3,
"bin": 1,
"value": 92.24
},
{
"col": 2,
"row": 3,
"bin": 1,
"value": 93.66
},
{
"col": 3,
"row": 3,
"bin": 1,
"value": 95.7
},
{
"col": 4,
"row": 3,
"bin": 1,
"value": 97.41
},
{
"col": 5,
"row": 3,
"bin": 1,
"value": 97.99
},
{
"col": 6,
"row": 3,
"bin": 1,
"value": 97.16
},
{
"col": -6,
"row": 4,
"bin": 1,
"value": 95.32
},
{
"col": -5,
"row": 4,
"bin": 1,
"value": 93.32
},
{
"col": -4,
"row": 4,
"bin": 1,
"value": 92.11
},
{
"col": -3,
"row": 4,
"bin": 1,
"value": 92.26
},
{
"col": -2,
"row": 4,
"bin": 1,
"value": 93.7
},
{
"col": -1,
"row": 4,
"bin": 1,
"value": 95.75
},
{
"col": 0,
"row": 4,
"bin": 2,
"value": 97.44
},
{
"col": 1,
"row": 4,
"bin": 1,
"value": 97.99
},
{
"col": 2,
"row": 4,
"bin": 1,
"value": 97.13
},
{
"col": 3,
"row": 4,
"bin": 1,
"value": 95.27
},
{
"col": 4,
"row": 4,
"bin": 1,
"value": 93.28
},
{
"col": 5,
"row": 4,
"bin": 1,
"value": 92.1
},
{
"col": 6,
"row": 4,
"bin": 1,
"value": 92.29
},
{
"col": -6,
"row": 5,
"bin": 1,
"value": 93.75
},
{
"col": -5,
"row": 5,
"bin": 1,
"value": 95.8
},
{
"col": -4,
"row": 5,
"bin": 1,
"value": 97.47
},
{
"col": -3,
"row": 5,
"bin": 1,
"value": 97.99
},
{
"col": -2,
"row": 5,
"bin": 1,
"value": 97.09
},
{
"col": -1,
"row": 5,
"bin": 1,
"value": 95.22
},
{
"col": 0,
"row": 5,
"bin": 1,
"value": 93.24
},
{
"col": 1,
"row": 5,
"bin": 1,
"value": 92.09
},
{
"col": 2,
"row": 5,
"bin": 1,
"value": 92.31
},
{
"col": 3,
"row": 5,
"bin": 1,
"value": 93.79
},
{
"col": 4,
"row": 5,
"bin": 2,
"value": 95.85
},
{
"col": 5,
"row": 5,
"bin": 1,
"value": 97.5
},
{
"col": 6,
"row": 5,
"bin": 1,
"value": 97.98
},
{
"col": -6,
"row": 6,
"bin": 1,
"value": 97.06
},
{
"col": -5,
"row": 6,
"bin": 1,
"value": 95.17
},
{
"col": -4,
"row": 6,
"bin": 1,
"value": 93.2
},
{
"col": -3,
"row": 6,
"bin": 1,
"value": 92.08
},
{
"col": -2,
"row": 6,
"bin": 1,
"value": 92.33
},
{
"col": -1,
"row": 6,
"bin": 1,
"value": 93.84
},
{
"col": 0,
"row": 6,
"bin": 1,
"value": 95.89
},
{
"col": 1,
"row": 6,
"bin": 1,
"value": 97.53
},
{
"col": 2,
"row": 6,
"bin": 1,
"value": 97.97
},
{
"col": 3,
"row": 6,
"bin": 1,
"value": 97.02
},
{
"col": 4,
"row": 6,
"bin": 1,
"value": 95.12
},
{
"col": 5,
"row": 6,
"bin": 1,
"value": 93.16
},
{
"col": 6,
"row": 6,
"bin": 1,
"value": 92.07
}
],
"diameter": 150,
"dieWidth": 10,
"dieHeight": 10,
"mode": "bin",
"passBin": 1,
"width": 640,
"height": 420,
"brandPosition": "bottom-right",
"brandLogo": ""
}
}
];
const container = document.querySelector('#chart-container');
const elements = specs.map(({ tag, id, props }) => {
const element = document.createElement(tag);
element.id = id;
Object.assign(element, props);
element.setAttribute('aria-label', 'wafer-map 예제 차트');
return element;
});
container.replaceChildren(...elements);
const chart = elements.at(-1);
const onEvent = event => {
console.log('dieClick', event.detail);
};
chart.addEventListener('dieClick', onEvent);
const observer = new ResizeObserver(([entry]) => {
const width = Math.max(160, Math.floor(entry.contentRect.width));
elements.forEach(element => { element.width = width; });
});
observer.observe(container);
// SPA에서는 화면이 해제될 때 이 함수를 호출하세요.
function disposeChart() {
observer.disconnect();
chart.removeEventListener('dieClick', onEvent);
container.replaceChildren();
}
</script>Properties
width
차트의 너비를 px 단위로 지정합니다. 컨테이너 너비가 변하는 앱에서는 ResizeObserver에서 width를 갱신하세요.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | width |
| HTML attribute | width |
| 타입 | number |
| 기본값 | 520 |
height
차트의 높이를 px 단위로 지정합니다. 축, 제목과 범례가 차지하는 공간을 함께 고려하세요.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | height |
| HTML attribute | height |
| 타입 | number |
| 기본값 | 500 |
brandLogo
기본값은 Syidax 심볼과 워드마크입니다. Pro의 chart.branding 권한으로 none을 지정해 제거하거나 PNG·JPEG·WebP data URL로 교체할 수 있습니다.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | brandLogo |
| HTML attribute | brand-logo |
| 타입 | string |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
brandPosition
로고를 고정할 코너입니다. Community·Pro 모두 네 코너 중 하나를 선택할 수 있으며 화면과 이미지 내보내기에 같은 위치를 사용합니다.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | brandPosition |
| HTML attribute | brand-position |
| 타입 | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' |
| 기본값 | 'bottom-right' |
| 허용값 | top-left, top-right, bottom-left, bottom-right |
diameter
Wafer diameter in mm (default 300).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | diameter |
| HTML attribute | diameter |
| 타입 | number |
| 기본값 | 300 |
edgeExclusion
Unusable edge band in mm (default 3).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | edgeExclusion |
| HTML attribute | edge-exclusion |
| 타입 | number |
| 기본값 | 3 |
indicator
Orientation-mark kind: notch (300 mm standard) / flat (legacy) / none.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | indicator |
| HTML attribute | indicator |
| 타입 | WaferIndicator |
| 기본값 | 'notch' |
| 허용값 | none, flat, notch |
- WaferIndicator
타입 정의
orientation
Where the mark points (fab standard: down).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | orientation |
| HTML attribute | orientation |
| 타입 | WaferOrientation |
| 기본값 | 'down' |
| 허용값 | left, right, down, up |
- WaferOrientation
타입 정의
flatLength
Flat chord length in mm (default diameter × 0.2).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | flatLength |
| HTML attribute | flat-length |
| 타입 | number |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
notchDepth
Notch depth in mm (default 2.5).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | notchDepth |
| HTML attribute | notch-depth |
| 타입 | number |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
dieWidth
Die size in mm (defaults 10 × 10).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | dieWidth |
| HTML attribute | die-width |
| 타입 | number |
| 기본값 | 10 |
dieHeight
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | dieHeight |
| HTML attribute | die-height |
| 타입 | number |
| 기본값 | 10 |
scribeX
Scribe-street widths in mm (defaults 0.2).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | scribeX |
| HTML attribute | scribe-x |
| 타입 | number |
| 기본값 | 0.2 |
scribeY
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | scribeY |
| HTML attribute | scribe-y |
| 타입 | number |
| 기본값 | 0.2 |
offsetX
Grid shift in mm relative to the centred lattice.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | offsetX |
| HTML attribute | offset-x |
| 타입 | number |
| 기본값 | 0 |
offsetY
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | offsetY |
| HTML attribute | offset-y |
| 타입 | number |
| 기본값 | 0 |
values
{ col, row, bin?, value? } die 배열입니다.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | values |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | WaferMapData |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
- WaferMapData
타입 정의
mode
grid·bin·binary·value로 표현을 선택합니다.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | mode |
| HTML attribute | mode |
| 타입 | WaferMapMode |
| 기본값 | 'grid' |
| 허용값 | value, grid, bin, binary |
- WaferMapMode
타입 정의
binColors
Explicit per-bin colours ({ [bin]: colour }) — bin mode only.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | binColors |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | Readonly<Record<string, string>> |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
passBin
합격으로 해석할 bin입니다.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | passBin |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | number | string |
| 기본값 | 1 |
passColor
Pass-bin fill.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | passColor |
| HTML attribute | pass-color |
| 타입 | string |
| 기본값 | '#16a34a' |
failColor
Fail fill (mode="binary" — every non-pass bin).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | failColor |
| HTML attribute | fail-color |
| 타입 | string |
| 기본값 | '#dc2626' |
colorAxis
Value-axis config for mode="value": auto (data extent, blues) or {min, max, scheme, minColor, maxColor, stops, center} — a diverging scheme name (rdbu, spectral, …) anchors its midpoint on center.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | colorAxis |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | WaferValueAxisInput |
| 기본값 | 'auto' |
| 타입에 포함된 리터럴 | auto |
- WaferValueAxisInput
타입 정의
showStats
Show the min/mean/σ/median statistics line under the value legend.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | showStats |
| HTML attribute | show-stats |
| 타입 | boolean |
| 기본값 | true |
overlay
Overlay layer on top of any mode: none / defect.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | overlay |
| HTML attribute | overlay |
| 타입 | 'none' | 'defect' |
| 기본값 | 'none' |
| 허용값 | none, defect |
grid
Grid chrome: die (scribe streets only) or shot (+ reticle boundaries).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | grid |
| HTML attribute | grid |
| 타입 | 'die' | 'shot' |
| 기본값 | 'die' |
| 허용값 | die, shot |
shotCols
Dies per exposure shot (defaults 3 × 2).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | shotCols |
| HTML attribute | shot-cols |
| 타입 | number |
| 기본값 | 3 |
shotRows
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | shotRows |
| HTML attribute | shot-rows |
| 타입 | number |
| 기본값 | 2 |
shotOffsetX
Shot-grid alignment shift in whole dies.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | shotOffsetX |
| HTML attribute | shot-offset-x |
| 타입 | number |
| 기본값 | 0 |
shotOffsetY
HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: number.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | shotOffsetY |
| HTML attribute | shot-offset-y |
| 타입 | number |
| 기본값 | 0 |
shotColor
Shot boundary stroke.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | shotColor |
| HTML attribute | shot-color |
| 타입 | string |
| 기본값 | '#334155' |
defects
Inspection defects ({x, y, class?, size?}, wafer mm, notch frame).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | defects |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | WaferDefectData |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
- WaferDefectData
타입 정의
defectColor
Dot colour for unclassified defects (classes cycle the palette).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | defectColor |
| HTML attribute | defect-color |
| 타입 | string |
| 기본값 | '#0f172a' |
palette
Categorical palette cycled over fail bins (sorted order).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | palette |
| HTML attribute | palette |
| 타입 | keyof typeof categorical |
| 기본값 | 'tableau10' |
| 허용값 | tableau10, tableau20, observable10, paired12, set3_12 |
binLegend
Show the bin legend under the wafer (bin mode).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | binLegend |
| HTML attribute | bin-legend |
| 타입 | boolean |
| 기본값 | true |
legendPosition
Storybook parity (2026-09-10) — where the bin legend (mode="bin"; the pass / fail readout of mode="binary" follows it) sits: docked on an edge of the stage (top / bottom / left / right; the band is taken off the wafer) or float — an overlay box inside the drawing rectangle anchored by legend-float-align / legend-float-vertical-align. The line chart's legend contract. The parameter map's gradient + statistics panel (mode="value") keeps its footer.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | legendPosition |
| HTML attribute | legend-position |
| 타입 | WaferMapLegendPosition |
| 기본값 | 'bottom' |
| 허용값 | top, bottom, left, right, float |
legendFloatAlign
legend-position="float": the overlay's horizontal anchor inside the drawing rectangle.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | legendFloatAlign |
| HTML attribute | legend-float-align |
| 타입 | 'start' | 'center' | 'end' |
| 기본값 | 'end' |
| 허용값 | start, center, end |
legendFloatVerticalAlign
legend-position="float": the overlay's vertical anchor inside the drawing rectangle.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | legendFloatVerticalAlign |
| HTML attribute | legend-float-vertical-align |
| 타입 | 'top' | 'middle' | 'bottom' |
| 기본값 | 'top' |
| 허용값 | top, bottom, middle |
legendDraggable
legend-position="float": the floating legend can be dragged inside the chart bounds.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | legendDraggable |
| HTML attribute | legend-draggable |
| 타입 | boolean |
| 기본값 | false |
showPartial
Draw edge (partial) dies.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | showPartial |
| HTML attribute | show-partial |
| 타입 | boolean |
| 기본값 | true |
showExclusion
Draw the dashed edge-exclusion ring.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | showExclusion |
| HTML attribute | show-exclusion |
| 타입 | boolean |
| 기본값 | true |
dieIndexOrigin
Die-index convention (fab map formats): top-left counts from the lattice bounding-box corner, center keeps signed notch-frame coordinates. Indices are notch-frame-stable — the view orientation never renumbers a die.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | dieIndexOrigin |
| HTML attribute | die-index-origin |
| 타입 | DieIndexOrigin |
| 기본값 | 'top-left' |
| 허용값 | top-left, center |
- DieIndexOrigin
타입 정의
dieIndexBase
First index value (0 or 1).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | dieIndexBase |
| HTML attribute | die-index-base |
| 타입 | number |
| 기본값 | 0 |
showDieIndex
Print ix,iy inside each die (auto-hides when dies get too small).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | showDieIndex |
| HTML attribute | show-die-index |
| 타입 | boolean |
| 기본값 | false |
waferColor
Substrate disc fill.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | waferColor |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | string | ReadonlyArray<string> |
| 기본값 | '#eef2f7' |
dieColor
Full (probeable) die fill.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | dieColor |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | string | ReadonlyArray<string> |
| 기본값 | '#cbd5e1' |
partialColor
Edge (partial) die fill.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | partialColor |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | string | ReadonlyArray<string> |
| 기본값 | '#e2e8f0' |
dataColor
Fill for dies that carry data (until the mode days colour by it).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | dataColor |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | string | ReadonlyArray<string> |
| 기본값 | '#2563eb' |
edgeColor
Scribe-street stroke between dies.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | edgeColor |
| HTML attribute | edge-color |
| 타입 | string |
| 기본값 | 'rgba(255,255,255,0.9)' |
outlineColor
Wafer outline stroke.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | outlineColor |
| HTML attribute | outline-color |
| 타입 | string |
| 기본값 | '#64748b' |
chartTitle
차트 내부 제목입니다. 데이터의 단위와 의미를 함께 설명하세요.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | chartTitle |
| HTML attribute | chart-title |
| 타입 | string |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
chartSubtitle
차트 내부 부제목입니다.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | chartSubtitle |
| HTML attribute | chart-subtitle |
| 타입 | string |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
tooltipShow
Die tooltip on hover ().
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | tooltipShow |
| HTML attribute | tooltip-show |
| 타입 | boolean |
| 기본값 | true |
tooltipFormat
Custom tooltip text (return a string; default: index · bin/value · shot).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | tooltipFormat |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | (detail: WaferDieEventDetail) => string |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
- WaferDieEventDetail
타입 정의
zoom
Storybook parity (2026-09-10) — viewport zoom: 'x' | 'y' | 'xy' | true (x) enable the drag rectangle, the pan, Ctrl + wheel, the pinch and the keyboard (+ / - / Escape) over the wafer's drawing rectangle (the stage minus the title block and the legend band; x 0 → 1 left → right, y 0 → 1 bottom → top, like a cartesian plot); an object refines mode / drag / keyboard / minRangePx / resetButton / pan / wheel / pinch / inside. Off by default. zoomTo / zoomBy / panBy / resetZoom work regardless of the gesture switches. Property-only.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | zoom |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | CartesianZoomInput |
| 기본값 | undefined |
| 타입에 포함된 리터럴 | auto, off, true, false, x, y, xy, inside |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
- CartesianZoomInput
타입 정의
streamSource
A bound die ring (script-set): the chart renders ITS tracked dies on top of values and follows its events; unset, the chart keeps an internal ring that the stream methods feed.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | streamSource |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | WaferMapStreamSource |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
- WaferMapStreamSource
타입 정의
streamMax
Streamed dies tracked at most (the ring's capacity, default 1,000,000): past it the OLDEST streamed dies leave (windowSlid) and revert to the base map. A re-sent cell replaces its result and moves to the newest position.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | streamMax |
| HTML attribute | stream-max |
| 타입 | number |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
streamWindow
The newest N streamed dies the chart renders on top of values (every tracked die when unset); older streamed dies revert to the base map — or to "no data" where the base has none.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | streamWindow |
| HTML attribute | stream-window |
| 타입 | number |
| 기본값 | undefined |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
animated
Animate: the initial reveal grows the dies into place from the wafer centre outward; a values change and every stream event cross-fade each die whose colour changed from the colour it showed to the next one.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | animated |
| HTML attribute | animate |
| 타입 | boolean |
| 기본값 | false |
animationDuration
애니메이션 지속 시간(ms).
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | animationDuration |
| HTML attribute | animation-duration |
| 타입 | number |
| 기본값 | 600 |
animationEasing
허용값: linear, ease-out, ease-in, ease-in-out. 기본값: 'ease-out'.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | animationEasing |
| HTML attribute | animation-easing |
| 타입 | WaferMapEasing |
| 기본값 | 'ease-out' |
| 허용값 | linear, ease-out, ease-in, ease-in-out |
- WaferMapEasing
타입 정의
animationType
initial = the reveal only; update = the change morph only; unset = both.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | animationType |
| HTML attribute | animation-type |
| 타입 | WaferMapAnimationType |
| 기본값 | undefined |
| 허용값 | initial, update |
undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.
engine
auto·standard·pro 렌더러 선택입니다. 엔진 선택은 차트 종류의 Pro 사용 권한과 별개입니다.
| 항목 | 값 |
|---|---|
| JavaScript 프로퍼티 | engine |
| HTML attribute | engine |
| 타입 | WaferMapEngineMode |
| 기본값 | 'auto' |
| 허용값 | auto, standard, pro |
- WaferMapEngineMode
타입 정의
Events
rendered
차트 그리기가 완료되면 렌더링 결과를 detail로 전달합니다.
이벤트 이름: rendered. 대소문자를 구분합니다. payload는 CustomEvent<WaferMapRenderResult & { tier: WaferMapEngineTier }>의 detail에서 읽습니다.
chart.addEventListener('rendered', event => {
console.log(event.detail); // WaferMapRenderResult & { tier: WaferMapEngineTier }
});- WaferMapRenderResult
타입 정의
- WaferMapEngineTier
타입 정의
dieHover
Pointer entered/left a die (null on leave).
이벤트 이름: dieHover. 대소문자를 구분합니다. payload는 CustomEvent<WaferDieEventDetail | null>의 detail에서 읽습니다.
chart.addEventListener('dieHover', event => {
console.log(event.detail); // WaferDieEventDetail | null
});- WaferDieEventDetail
타입 정의
dieClick
A die was clicked.
이벤트 이름: dieClick. 대소문자를 구분합니다. payload는 CustomEvent<WaferDieEventDetail>의 detail에서 읽습니다.
chart.addEventListener('dieClick', event => {
console.log(event.detail); // WaferDieEventDetail
});- WaferDieEventDetail
타입 정의
dieSelect
Selection changed (click toggles; null when cleared).
이벤트 이름: dieSelect. 대소문자를 구분합니다. payload는 CustomEvent<WaferDieEventDetail | null>의 detail에서 읽습니다.
chart.addEventListener('dieSelect', event => {
console.log(event.detail); // WaferDieEventDetail | null
});- WaferDieEventDetail
타입 정의
pointContextMenu
A die was right-clicked (the shared point context-menu detail: the die + the pointer's local / viewport position).
이벤트 이름: pointContextMenu. 대소문자를 구분합니다. payload는 CustomEvent<ChartPointContextMenuEventDetail<WaferDieEventDetail>>의 detail에서 읽습니다.
chart.addEventListener('pointContextMenu', event => {
console.log(event.detail); // ChartPointContextMenuEventDetail<WaferDieEventDetail>
});appended
Dies streamed in (appendPoint / appendDie / appendBatch / updateDie): the dies the ring stored.
이벤트 이름: appended. 대소문자를 구분합니다. payload는 CustomEvent<{ count: number }>의 detail에서 읽습니다.
chart.addEventListener('appended', event => {
console.log(event.detail); // { count: number }
});windowSlid
The oldest streamed dies left the ring (stream-max) or were shifted out — they revert to the base map.
이벤트 이름: windowSlid. 대소문자를 구분합니다. payload는 CustomEvent<{ dropped: number }>의 detail에서 읽습니다.
chart.addEventListener('windowSlid', event => {
console.log(event.detail); // { dropped: number }
});chartAnimationStart
CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
이벤트 이름: chartAnimationStart. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.
chart.addEventListener('chartAnimationStart', event => {
console.log(event.detail); // void
});chartAnimationEnd
CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
이벤트 이름: chartAnimationEnd. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.
chart.addEventListener('chartAnimationEnd', event => {
console.log(event.detail); // void
});chartAnimationInterrupted
CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
이벤트 이름: chartAnimationInterrupted. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.
chart.addEventListener('chartAnimationInterrupted', event => {
console.log(event.detail); // void
});binChanged
An upsert CHANGED an already-probed die's bin (a re-test flipping the verdict) — the signal a live yield display keys on.
이벤트 이름: binChanged. 대소문자를 구분합니다. payload는 `CustomEvent<{
col: number; row: number; ix: number; iy: number;
previousBin: number | string; bin: number | string;
}>의 detail`에서 읽습니다.
chart.addEventListener('binChanged', event => {
console.log(event.detail); // {
col: number; row: number; ix: number; iy: number;
previousBin: number | string; bin: number | string;
}
});zoomChange
Storybook parity (2026-09-10) — fired after every zoom change (drag / pan / wheel / pinch / keyboard / api / reset) with the new state.
이벤트 이름: zoomChange. 대소문자를 구분합니다. payload는 CustomEvent<CartesianZoomChangeEventDetail>의 detail에서 읽습니다.
chart.addEventListener('zoomChange', event => {
console.log(event.detail); // CartesianZoomChangeEventDetail
});Methods
getDefectSummary
Per-class defect counts over the on-wafer points (overlay="defect").
getDefectSummary(): Promise<{ total: number; offWafer: number; byClass: Array<{ key: string; count: number }> }>반환 타입: Promise<{ total: number; offWafer: number; byClass: Array<{ key: string; count: number }> }>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
getShotOf
Shot (reticle exposure) coordinate of a lattice cell.
getShotOf(col: number, row: number): Promise<{ shotCol: number; shotRow: number }>| 인수 | 타입 | 필수 여부 |
|---|---|---|
col | number | 필수 |
row | number | 필수 |
반환 타입: Promise<{ shotCol: number; shotRow: number }>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
hitTestDie
Die under a component-local CSS point, or null (streets, off-wafer).
hitTestDie(cssX: number, cssY: number): Promise<WaferDieEventDetail | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
cssX | number | 필수 |
cssY | number | 필수 |
반환 타입: Promise<WaferDieEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferDieEventDetail
타입 정의
selectDie
Select a die programmatically (null-safe no-op off the lattice).
selectDie(col: number, row: number): Promise<WaferDieEventDetail | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
col | number | 필수 |
row | number | 필수 |
반환 타입: Promise<WaferDieEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferDieEventDetail
타입 정의
clearDieSelection
Wafer map: clear the die selection.
clearDieSelection(): Promise<void>반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
getSelectedDie
The current selection (null when none).
getSelectedDie(): Promise<WaferDieEventDetail | null>반환 타입: Promise<WaferDieEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferDieEventDetail
타입 정의
zoomTo
Zoom to explicit windows of the drawing (x / y as { min, max } or [min, max] fractions 0 … 1; null clears that orientation).
zoomTo(request: CartesianZoomRequest): Promise<CartesianZoomChangeEventDetail | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
request | CartesianZoomRequest | 필수 |
반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
zoomBy
Scale the current windows by factor (< 1 zooms in) around anchorFraction (0..1, default centre).
zoomBy(factor: number, anchorFraction?: number): Promise<CartesianZoomChangeEventDetail | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
factor | number | 필수 |
anchorFraction | number | 선택 |
반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
panBy
Slide the zoomed windows by fractions of the drawing ({ x?, y? }); a no-op at the full extent.
panBy(delta: { x?: number; y?: number }): Promise<CartesianZoomChangeEventDetail | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
delta | { x?: number; y?: number } | 필수 |
반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
resetZoom
확대·이동한 범위를 초기 데이터 범위로 되돌립니다.
resetZoom(): Promise<CartesianZoomChangeEventDetail | null>반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
getZoom
현재 확대 범위를 읽습니다. 반환 타입의 null 허용 여부와 축별 범위를 확인하세요.
getZoom(): Promise<CartesianZoomState | null>반환 타입: Promise<CartesianZoomState | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- CartesianZoomState
타입 정의
getZoomExtent
The full extent of the viewport axes ([0, 1] each, key '0').
getZoomExtent(request?: CartesianZoomExtentRequest): Promise<CartesianZoomExtentDetail | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
request | CartesianZoomExtentRequest | 선택 |
반환 타입: Promise<CartesianZoomExtentDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
setData
Replace the die data set (facade setData route) — the base map; the streamed dies stay on top of it.
setData(values: WaferMapData): Promise<void>| 인수 | 타입 | 필수 여부 |
|---|---|---|
values | WaferMapData | 필수 |
반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferMapData
타입 정의
appendPoint
스트림에 값 하나를 추가합니다. 메서드 인수 타입과 스트리밍 기능의 라이선스 조건을 확인하세요.
appendPoint(datum: WaferDieDatum): Promise<void>| 인수 | 타입 | 필수 여부 |
|---|---|---|
datum | WaferDieDatum | 필수 |
반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferDieDatum
타입 정의
appendDie
Stream one probe result in () — the wafer's name for appendPoint.
appendDie(datum: WaferDieDatum): Promise<void>| 인수 | 타입 | 필수 여부 |
|---|---|---|
datum | WaferDieDatum | 필수 |
반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferDieDatum
타입 정의
appendBatch
스트림에 여러 값을 한 번에 추가합니다. 메서드 인수 타입과 스트리밍 기능의 라이선스 조건을 확인하세요.
appendBatch(data: WaferMapData): Promise<void>| 인수 | 타입 | 필수 여부 |
|---|---|---|
data | WaferMapData | 필수 |
반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferMapData
타입 정의
shift
Drop the count oldest streamed dies (windowSlid); they revert to the base map. Without chart.streaming there is no streamed set apart from the base, and the base never leaves: nothing is dropped.
shift(count: number): Promise<void>| 인수 | 타입 | 필수 여부 |
|---|---|---|
count | number | 필수 |
반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
replace
Swap the streamed set (replace([]) clears it); the base values never leave. Without chart.streaming the dies upsert into the base like a batch (quietly: no appended, no binChanged, as a ring replace).
replace(data: WaferMapData): Promise<void>| 인수 | 타입 | 필수 여부 |
|---|---|---|
data | WaferMapData | 필수 |
반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferMapData
타입 정의
getStreamSource
The die ring in use: the bound stream-source, else the internal one (undefined before the first push, and without chart.streaming).
getStreamSource(): Promise<WaferMapStreamSource | undefined>반환 타입: Promise<WaferMapStreamSource | undefined>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferMapStreamSource
타입 정의
updateDie
Patch an existing die's data (creates the cell when absent — a late probe log is still a probe log): the merged result streams in through the ring. Returns the resulting detail.
updateDie(col: number, row: number, patch: { bin?: number | string; value?: number }): Promise<WaferDieEventDetail | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
col | number | 필수 |
row | number | 필수 |
patch | { bin?: number | string; value?: number } | 필수 |
반환 타입: Promise<WaferDieEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferDieEventDetail
타입 정의
setAnimation
비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.
setAnimation(options: { duration?: number; easing?: WaferMapEasing; enabled?: boolean; type?: WaferMapAnimationType }): Promise<void>| 인수 | 타입 | 필수 여부 |
|---|---|---|
options | { duration?: number; easing?: WaferMapEasing; enabled?: boolean; type?: WaferMapAnimationType } | 필수 |
반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferMapEasing
타입 정의
- WaferMapAnimationType
타입 정의
pauseAnimation
진행 중인 애니메이션을 일시 정지합니다.
pauseAnimation(): Promise<void>반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
resumeAnimation
일시 정지한 애니메이션을 다시 진행합니다.
resumeAnimation(): Promise<void>반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
replayAnimation
Run the reveal again.
replayAnimation(): Promise<void>반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
getDieCounts
Layout + grid summary for tooling/specs.
getDieCounts(): Promise<{ dies: number; fullDies: number; partialDies: number }>반환 타입: Promise<{ dies: number; fullDies: number; partialDies: number }>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
getYield
Pass/fail/yield summary over the probed dies (any mode).
getYield(): Promise<BinarySummary>반환 타입: Promise<BinarySummary>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- BinarySummary
타입 정의
getValueStats
Descriptive statistics over the measured on-wafer values (any mode).
getValueStats(): Promise<WaferValueStats>반환 타입: Promise<WaferValueStats>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferValueStats
타입 정의
getDieIndex
Map index of a notch-frame lattice cell, or null when off the wafer.
getDieIndex(col: number, row: number): Promise<DieIndexEntry | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
col | number | 필수 |
row | number | 필수 |
반환 타입: Promise<DieIndexEntry | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- DieIndexEntry
타입 정의
getDieByIndex
Die entry addressed by its map index, or null.
getDieByIndex(ix: number, iy: number): Promise<DieIndexEntry | null>| 인수 | 타입 | 필수 여부 |
|---|---|---|
ix | number | 필수 |
iy | number | 필수 |
반환 타입: Promise<DieIndexEntry | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- DieIndexEntry
타입 정의
getActiveTier
비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.
getActiveTier(): Promise<WaferMapEngineTier>반환 타입: Promise<WaferMapEngineTier>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferMapEngineTier
타입 정의
redraw
현재 데이터와 옵션으로 차트를 다시 그립니다. 반환되는 Promise가 완료되면 렌더링 결과를 확인할 수 있습니다.
redraw(): Promise<WaferMapRenderResult>반환 타입: Promise<WaferMapRenderResult>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- WaferMapRenderResult
타입 정의
getEngineStatus
Requested engine vs what runs, and why (CHART-ADD-08): always Standard (this type has no WebGPU renderer); read without side effects, never consults the license.
getEngineStatus(): Promise<ChartEngineStatus>반환 타입: Promise<ChartEngineStatus>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.
- ChartEngineStatus
타입 정의