@xchart/wafer-map v1.0.6

@xchart/wafer-map

WaferMap chart.

WaferMap 图表组件，支持 define map 、 wafer 和 heat map 三种模式

Usage

pnpm add @xchart/wafer-map
# or
yarn add @xchart/wafer-map

// 1. prepare dataset
const points = [
    {
        id: '1',
        x: 1,
        y: 1,
        bin: 1,
    },
];

// 2. new wafermap
const map = new NormalMap({
    container: container.value!,
    data: points,
    type: isHeatMap.value ? IWaferMapType.HEATMAP : IWaferMapType.NORMAL,
    config: {
        style: {
            fill: fillColor,
            strokeWidth: stroke_width,
            stroke: stroke_color,
            dieSize: {
                width: default_dieSize.w,
                height: default_dieSize.h,
            },
        },
        showColorMap: isHeatMap.value && !props.binCode,
    },
});

// 3. rerender it when needed
map.rerender({
    data: newPoints,
});

API

DIFINITION

import { DefinitionMap } from '@xchart/wafer-map'

DefinitionMap({ container, type , config = {} }: IWaferMap)

Attributes

IWaferMapType

IWaferConfig

NORMAL | HEATMAP

import { NormalMap } from '@xchart/wafer-map'

NormalMap({ container, type , config = {} }: IWaferMap)

Attributes

IWaferMapType

Data

interface IDieWithBin {
    x: number;
    y: number;
    hard_bin: number | string;
    soft_bin: number | string;
}

interface IDieWithHeat {
    x: number;
    y: number;
    average: number;
    max: number;
    median: number;
    min: number;
}

IWaferConfigNormal

interface IWaferConfigNormal extends IWaferConfig {
    /**
     * 是否显示Notch
     */
    showNotch?: boolean;
    /**
     * 是否要显示热力图
     */
    showColorMap?: boolean;
    /**
     * 热力图的key
     */
    heatMapKey?: keyof HeatMapKeyTypes;
}

interface HeatMapKeyTypes {
    average: number;
    max: number;
    median: number;
    min: number;
}

IWaferConfig

Event

公共方法

NORMAL方法