Function rectCoordBuildBreakAxis

src/component/axis/axisBreakHelperImpl.ts:102–318

(
    axisGroup: Group,
    axisView: CartesianAxisView | SingleAxisView,
    axisModel: CartesianAxisModel | SingleAxisModel,
    coordSysRect: BoundingRect,
    api: ExtensionAPI
)

}

function rectCoordBuildBreakAxis(
    axisGroup: Group,
    axisView: CartesianAxisView | SingleAxisView,
    axisModel: CartesianAxisModel | SingleAxisModel,
    coordSysRect: BoundingRect,
    api: ExtensionAPI
): void {
    const axis = axisModel.axis;

    if (axis.scale.isBlank() || !getScaleBreakHelper()) {
        return;
    }

    const breakPairs = getScaleBreakHelper()!.retrieveAxisBreakPairs(
        axis.scale.getTicks({breakTicks: 'only_break'}),
        tick => tick.break,
        false
    );
    if (!breakPairs.length) {
        return;
    }

    const breakAreaModel = (axisModel as AxisBaseModel).getModel('breakArea');
    const zigzagAmplitude = breakAreaModel.get('zigzagAmplitude');
    let zigzagMinSpan = breakAreaModel.get('zigzagMinSpan');
    let zigzagMaxSpan = breakAreaModel.get('zigzagMaxSpan');
    // Use arbitrary value to avoid dead loop if user gives inappropriate settings.
    zigzagMinSpan = Math.max(2, zigzagMinSpan || 0);
    zigzagMaxSpan = Math.max(zigzagMinSpan, zigzagMaxSpan || 0);
    const expandOnClick = breakAreaModel.get('expandOnClick');
    const zigzagZ = breakAreaModel.get('zigzagZ');

    const itemStyleModel = breakAreaModel.getModel('itemStyle');
    const itemStyle = itemStyleModel.getItemStyle();
    const borderColor = itemStyle.stroke;
    const borderWidth = itemStyle.lineWidth;
    const borderType = itemStyle.lineDash;
    const color = itemStyle.fill;

    const group = new Group({
        ignoreModelZ: true
    } as ExtendedElementProps);

    const isAxisHorizontal = axis.isHorizontal();

    const cachedVisualList = viewCache(axisView).visualList || (viewCache(axisView).visualList = []);
    resetCacheVisualRemoveFlag(cachedVisualList);

    for (let i = 0; i < breakPairs.length; i++) {
        const parsedBreak = breakPairs[i][0].break.parsedBreak;

        // Even if brk.gap is 0, we should also draw the breakArea because
        // border is sometimes required to be visible (as a line)
        const coords: number[] = [];
        coords[0] = axis.toGlobalCoord(axis.dataToCoord(parsedBreak.vmin, true));
        coords[1] = axis.toGlobalCoord(axis.dataToCoord(parsedBreak.vmax, true));
        if (coords[1] < coords[0]) {
            coords.reverse();