Function createMatrixCell

src/component/matrix/MatrixView.ts:261–410

(
    xyLocator: MatrixXYLocator[],
    matrixModel: MatrixModel,
    group: Group,
    ecModel: GlobalModel,
    cellOption: MatrixBaseCellOption | NullUndefined,
    parentItemStyleModel: Model<MatrixCellStyleOption['itemStyle']>,
    parentLabelModel: Model<MatrixCellStyleOption['label']>,
    parentCellModel: Model<MatrixCellStyleOption>,
    shape: RectLike,
    textValue: unknown,
    zrCellDefault: Z2CellDefault,
    tooltipOption: MatrixOption['tooltip'],
    targetType: MatrixTargetType
)

type MatrixTargetType = 'x' | 'y' | 'body' | 'corner';

function createMatrixCell(
    xyLocator: MatrixXYLocator[],
    matrixModel: MatrixModel,
    group: Group,
    ecModel: GlobalModel,
    cellOption: MatrixBaseCellOption | NullUndefined,
    parentItemStyleModel: Model<MatrixCellStyleOption['itemStyle']>,
    parentLabelModel: Model<MatrixCellStyleOption['label']>,
    parentCellModel: Model<MatrixCellStyleOption>,
    shape: RectLike,
    textValue: unknown,
    zrCellDefault: Z2CellDefault,
    tooltipOption: MatrixOption['tooltip'],
    targetType: MatrixTargetType
): void {
    // Do not use getModel - a quick performance optimization.
    _tmpCellItemStyleModel.option = cellOption ? cellOption.itemStyle : null;
    _tmpCellItemStyleModel.parentModel = parentItemStyleModel;
    _tmpCellModel.option = cellOption;
    _tmpCellModel.parentModel = parentCellModel;

    // Use different z2 because special border may be defined in itemStyle.
    const z2 = retrieve2(
        _tmpCellModel.getShallow('z2'),
        (cellOption && cellOption.itemStyle) ? zrCellDefault.special : zrCellDefault.normal
    );
    const tooltipOptionShow = tooltipOption && tooltipOption.show;

    const cellRect = createMatrixRect(shape, _tmpCellItemStyleModel.getItemStyle(), z2);
    group.add(cellRect);

    const cursorOption = _tmpCellModel.get('cursor');
    if (cursorOption != null) {
        cellRect.attr('cursor', cursorOption);
    }
    let cellText: Text | NullUndefined;

    if (textValue != null) {
        let text = textValue + '';
        _tmpCellLabelModel.option = cellOption ? cellOption.label : null;
        _tmpCellLabelModel.parentModel = parentLabelModel;
        // This is to accept `option.textStyle` as the default.
        _tmpCellLabelModel.ecModel = ecModel;

        const formatter = _tmpCellLabelModel.getShallow('formatter');
        if (formatter) {
            const params = {
                componentType: 'matrix' as const,
                componentIndex: matrixModel.componentIndex,
                name: text,
                value: textValue as unknown,
                coord: xyLocator.slice() as MatrixXYLocator[],
                $vars: ['name', 'value', 'coord'] as const
            };
            if (isString(formatter)) {
                text = formatTplSimple(formatter, params);
            }
            else if (isFunction(formatter)) {