@react-financial-charts/core/src/utils/strokeDasharray.ts

Core code for react-financial-charts

export type strokeDashTypes =
    | "Solid"
    | "ShortDash"
    | "ShortDash2"
    | "ShortDot"
    | "ShortDashDot"
    | "ShortDashDotDot"
    | "Dot"
    | "Dash"
    | "LongDash"
    | "DashDot"
    | "LongDashDot"
    | "LongDashDotDot";

export const getStrokeDasharrayCanvas = (type?: strokeDashTypes) => {
    const a = getStrokeDasharray(type).split(",");
    if (a.length === 1) {
        return [];
    }

    return a.map((d) => Number(d));
};

export const getStrokeDasharray = (type?: strokeDashTypes) => {
    switch (type) {
        default:
        case "Solid":
            return "none";
        case "ShortDash":
            return "6, 2";
        case "ShortDash2":
            return "6, 3";
        case "ShortDot":
            return "2, 2";
        case "ShortDashDot":
            return "6, 2, 2, 2";
        case "ShortDashDotDot":
            return "6, 2, 2, 2, 2, 2";
        case "Dot":
            return "2, 6";
        case "Dash":
            return "4, 6";
        case "LongDash":
            return "16, 6";
        case "DashDot":
            return "8, 6, 2, 6";
        case "LongDashDot":
            return "16, 6, 2, 6";
        case "LongDashDotDot":
            return "16, 6, 2, 6, 2, 6";
    }
};