"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.linesToStackCurveAreaPaths = exports.linesToStackAreaPaths = exports.linesToAreaPaths = exports.closePathByBaseLine = exports.lineToCurvePath = exports.lineToLinePath = exports.dataToLines = void 0; var tslib_1 = require("tslib"); var util_1 = require("@antv/util"); var util_2 = require("../../util"); /** * 根据数据获得每条线各点x,y值 */ function dataToLines(data, scales) { var _a; var x = scales.x, y = scales.y; var _b = tslib_1.__read((y.getOptions().range || [0, 0]), 2), max = _b[0], min = _b[1]; if (min > max) _a = tslib_1.__read([max, min], 2), min = _a[0], max = _a[1]; return data.map(function (points) { var lines = points.map(function (val, idx) { return [x.map(idx), (0, util_1.clamp)(y.map(val), min, max)]; }); return lines; }); } exports.dataToLines = dataToLines; /** * 根据线的点数据生成折线path */ function lineToLinePath(line, reverse) { if (reverse === void 0) { reverse = false; } var M = reverse ? line.length - 1 : 0; var linePath = line.map(function (point, idx) { return tslib_1.__spreadArray([idx === M ? 'M' : 'L'], tslib_1.__read(point), false); }); return reverse ? linePath.reverse() : linePath; } exports.lineToLinePath = lineToLinePath; /** * 根据点数据生成曲线path * @param points 点数据 * @param reverse 是否倒序生成 */ function lineToCurvePath(line, reverse) { if (reverse === void 0) { reverse = false; } if (line.length <= 2) { return lineToLinePath(line); } var data = []; var len = line.length; for (var idx = 0; idx < len; idx += 1) { var point = reverse ? line[len - idx - 1] : line[idx]; if (!(0, util_1.isEqual)(point, data.slice(-2))) { data.push.apply(data, tslib_1.__spreadArray([], tslib_1.__read(point), false)); } } var path = (0, util_2.catmullRom2Bezier)(data, false); if (reverse) { path.unshift(tslib_1.__spreadArray(['M'], tslib_1.__read(line[len - 1]), false)); } else { path.unshift(tslib_1.__spreadArray(['M'], tslib_1.__read(line[0]), false)); } return path; } exports.lineToCurvePath = lineToCurvePath; /** * 根据baseline将path闭合 */ function closePathByBaseLine(path, width, baseline) { var closedPath = (0, util_1.clone)(path); closedPath.push(['L', width, baseline], ['L', 0, baseline], ['Z']); return closedPath; } exports.closePathByBaseLine = closePathByBaseLine; /** * 将多条线的点数据生成区域path * 可以是折线或曲线 */ function linesToAreaPaths(lines, smooth, width, baseline) { return lines.map(function (line) { return closePathByBaseLine(smooth ? lineToCurvePath(line) : lineToLinePath(line), width, baseline); }); } exports.linesToAreaPaths = linesToAreaPaths; /** * 生成折线堆叠区域封闭图形路径 */ function linesToStackAreaPaths(lines, width, baseline) { var paths = []; for (var idx = lines.length - 1; idx >= 0; idx -= 1) { var currLine = lines[idx]; var currCurvePath = lineToLinePath(currLine); var path = void 0; if (idx === 0) { // 最底部的线直接与y=0连接成闭合区域 path = closePathByBaseLine(currCurvePath, width, baseline); } else { // 计算下一根曲线的反向路径 var belowLine = lines[idx - 1]; var belowCurvePath = lineToLinePath(belowLine, true); belowCurvePath[0][0] = 'L'; // 连接路径 path = tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(currCurvePath), false), tslib_1.__read(belowCurvePath), false), [['Z']], false); } paths.push(path); } return paths; } exports.linesToStackAreaPaths = linesToStackAreaPaths; /** * 生成曲线堆叠区域封闭图形路径 */ function linesToStackCurveAreaPaths(lines, width, baseline) { var paths = []; for (var idx = lines.length - 1; idx >= 0; idx -= 1) { var currLine = lines[idx]; var currCurvePath = lineToCurvePath(currLine); var path = void 0; if (idx === 0) { // 最底部的线直接与y=0连接成闭合区域 path = closePathByBaseLine(currCurvePath, width, baseline); } else { // 计算下一根曲线的反向路径 var belowLine = lines[idx - 1]; var belowCurvePath = lineToCurvePath(belowLine, true); /** * 将线条连接成闭合路径 * M C C C C C * A ~ -> ~ B * ⬆ ⬇ * D ~ <- ~ C * C C C C C M * */ var A = currLine[0]; // const B = currLine[currLine.length - 1]; // const C = belowLine[belowLine.length - 1]; // const D = belowLine[0]; // 将反向曲线开头 M X Y 改为 L X Y belowCurvePath[0][0] = 'L'; // 连接路径 path = tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(currCurvePath), false), tslib_1.__read(belowCurvePath), false), [tslib_1.__spreadArray(['M'], tslib_1.__read(A), false), ['Z']], false); } paths.push(path); } return paths; } exports.linesToStackCurveAreaPaths = linesToStackCurveAreaPaths; //# sourceMappingURL=path.js.map