@visactor/vseed 0.1.40 → 0.1.42

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotGridStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotGridStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotGridStyle.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport { isCombination, isPivot } from 'src/pipeline/utils'\nimport type { Config, SpecPipe } from 'src/types'\nimport { isNullish } from 'remeda'\n\nexport const pivotGridStyle: SpecPipe = (spec, context) => {\n  const { vseed, advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = (config?.[chartType] as Config['line'])?.pivotGrid ?? {}\n\n  const onlyCombination = !isPivot(vseed) && isCombination(vseed)\n\n  const result = { ...spec } as PivotChartConstructorOptions\n  const transparent = 'rgba(0,0,0,0)'\n\n  const borderColor = themConfig.borderColor ?? '#e3e5eb'\n  const bodyFontColor = themConfig.bodyFontColor ?? '#141414'\n  const headerFontColor = themConfig.headerFontColor ?? '#21252c'\n  const headerBackgroundColor = themConfig.headerBackgroundColor ?? 'rgba(0,0,0,0)'\n  const hoverHeaderBackgroundColor = onlyCombination\n    ? transparent\n    : (themConfig.hoverHeaderBackgroundColor ?? '#D9DDE4')\n  const hoverHeaderInlineBackgroundColor = onlyCombination\n    ? transparent\n    : (themConfig.hoverHeaderInlineBackgroundColor ?? '#D9DDE455')\n  const outlineBorderLineWidth = themConfig.outlineBorderLineWidth ?? 0\n  const frameCornerRadius = themConfig.frameCornerRadius ?? 0\n\n  if (!isNullish(themConfig.minChartWidth)) {\n    result.defaultColWidth = themConfig.minChartWidth\n  }\n\n  if (!isNullish(themConfig.minChartHeight)) {\n    result.defaultRowHeight = themConfig.minChartHeight\n  }\n\n  return {\n    ...result,\n    theme: {\n      underlayBackgroundColor: transparent,\n      bodyStyle: {\n        borderColor,\n        color: bodyFontColor,\n        borderLineWidth: [1, outlineBorderLineWidth, 0, 1],\n        bgColor: transparent,\n        hover: {\n          cellBgColor: 'transparent',\n        },\n      },\n      headerStyle: {\n        borderColor,\n        fontSize: 12,\n        borderLineWidth: [outlineBorderLineWidth, outlineBorderLineWidth, 1, 1],\n        color: headerFontColor,\n        textAlign: 'center',\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n          inlineRowBgColor: hoverHeaderInlineBackgroundColor || undefined,\n          inlineColumnBgColor: hoverHeaderInlineBackgroundColor || undefined,\n        },\n      },\n      rowHeaderStyle: {\n        borderColor,\n        fontSize: 12,\n        color: headerFontColor,\n        padding: [0, 4, 0, 4],\n        borderLineWidth: [1, 1, 1, outlineBorderLineWidth],\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n          inlineRowBgColor: hoverHeaderInlineBackgroundColor || undefined,\n          inlineColumnBgColor: hoverHeaderInlineBackgroundColor || undefined,\n        },\n      },\n      cornerHeaderStyle: {\n        borderColor,\n        textAlign: 'center',\n        fontSize: 12,\n        color: headerFontColor,\n        padding: [0, 4, 0, 4],\n        fontWeight: 'bold',\n        borderLineWidth: [outlineBorderLineWidth, 1, 1, outlineBorderLineWidth],\n        bgColor: headerBackgroundColor,\n        frameStyle: {\n          borderColor,\n          borderLineWidth: [outlineBorderLineWidth, 0, 0, outlineBorderLineWidth],\n        },\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n          inlineRowBgColor: hoverHeaderInlineBackgroundColor || undefined,\n          inlineColumnBgColor: hoverHeaderInlineBackgroundColor || undefined,\n        },\n      },\n      cornerRightTopCellStyle: {\n        borderColor,\n        borderLineWidth: 0,\n        frameStyle: {\n          borderColor,\n          borderLineWidth: [outlineBorderLineWidth, 1, 0, 1],\n        },\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      cornerLeftBottomCellStyle: {\n        borderColor,\n        borderLineWidth: [1, 0, outlineBorderLineWidth, outlineBorderLineWidth],\n        bgColor: headerBackgroundColor,\n        frameStyle: {\n          borderColor,\n          borderLineWidth: [1, 0, outlineBorderLineWidth, outlineBorderLineWidth],\n        },\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      cornerRightBottomCellStyle: {\n        borderColor,\n        borderLineWidth: 0,\n        bgColor: headerBackgroundColor,\n        frameStyle: {\n          borderColor,\n          borderLineWidth: [1, 1, 1, 1],\n        },\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      rightFrozenStyle: {\n        borderColor,\n        borderLineWidth: 1,\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      bottomFrozenStyle: {\n        borderColor,\n        borderLineWidth: [1, outlineBorderLineWidth, outlineBorderLineWidth, 1],\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      selectionStyle: {\n        cellBgColor: '',\n        cellBorderColor: '',\n      },\n      frameStyle: {\n        borderColor,\n        cornerRadius: frameCornerRadius,\n        borderLineWidth: outlineBorderLineWidth,\n      },\n    },\n  }\n}\n"],"names":["pivotGridStyle","spec","context","vseed","advancedVSeed","config","chartType","themConfig","onlyCombination","isPivot","isCombination","result","transparent","borderColor","bodyFontColor","headerFontColor","headerBackgroundColor","hoverHeaderBackgroundColor","hoverHeaderInlineBackgroundColor","outlineBorderLineWidth","frameCornerRadius","isNullish","undefined"],"mappings":"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"}
+{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotGridStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotGridStyle.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport { isCombination, isPivot } from 'src/pipeline/utils'\nimport type { Config, Dimension, SpecPipe } from 'src/types'\nimport { isNullish } from 'remeda'\n\nexport const pivotGridStyle: SpecPipe = (spec, context) => {\n  const { vseed, advancedVSeed } = context\n  const { config, chartType, dimensions } = advancedVSeed\n  const themConfig = (config?.[chartType] as Config['line'])?.pivotGrid ?? {}\n\n  const onlyCombination = !isPivot(vseed) && isCombination(vseed)\n\n  const result = { ...spec } as PivotChartConstructorOptions\n  const transparent = 'rgba(0,0,0,0)'\n  const hasColumnDimension = dimensions.some((dim: Dimension) => dim.encoding === 'column')\n\n  const borderColor = themConfig.borderColor ?? '#e3e5eb'\n  const bodyFontColor = themConfig.bodyFontColor ?? '#141414'\n  const headerFontColor = themConfig.headerFontColor ?? '#21252c'\n  const headerBackgroundColor = themConfig.headerBackgroundColor ?? 'rgba(0,0,0,0)'\n  const hoverHeaderBackgroundColor = onlyCombination\n    ? transparent\n    : (themConfig.hoverHeaderBackgroundColor ?? '#D9DDE4')\n  const hoverHeaderInlineBackgroundColor = onlyCombination\n    ? transparent\n    : (themConfig.hoverHeaderInlineBackgroundColor ?? '#D9DDE455')\n  const outlineBorderLineWidth = themConfig.outlineBorderLineWidth ?? 0\n  const frameCornerRadius = themConfig.frameCornerRadius ?? 0\n\n  if (!isNullish(themConfig.minChartWidth)) {\n    result.defaultColWidth = themConfig.minChartWidth\n  }\n\n  if (!isNullish(themConfig.minChartHeight)) {\n    result.defaultRowHeight = themConfig.minChartHeight\n  }\n\n  return {\n    ...result,\n    theme: {\n      underlayBackgroundColor: transparent,\n      bodyStyle: {\n        borderColor,\n        color: bodyFontColor,\n        borderLineWidth: (arg: { row: number; col: number }) => {\n          return [\n            arg.row === 0 ? outlineBorderLineWidth : 1,\n            outlineBorderLineWidth,\n            0,\n            arg.col === 0 ? outlineBorderLineWidth : 1,\n          ]\n        },\n        bgColor: transparent,\n        hover: {\n          cellBgColor: 'transparent',\n        },\n      },\n      headerStyle: {\n        borderColor,\n        fontSize: 12,\n        // borderLineWidth: [outlineBorderLineWidth, outlineBorderLineWidth, 1, 1],\n        borderLineWidth: (arg: { row: number; col: number }) => {\n          return [outlineBorderLineWidth, outlineBorderLineWidth, 1, arg.col === 0 ? outlineBorderLineWidth : 1]\n        },\n        color: headerFontColor,\n        textAlign: 'center',\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n          inlineRowBgColor: hoverHeaderInlineBackgroundColor || undefined,\n          inlineColumnBgColor: hoverHeaderInlineBackgroundColor || undefined,\n        },\n      },\n      rowHeaderStyle: {\n        borderColor,\n        fontSize: 12,\n        color: headerFontColor,\n        padding: [0, 4, 0, 4],\n        borderLineWidth: (arg: { row: number }) => {\n          return [arg.row === 0 ? outlineBorderLineWidth : 1, 1, 0, outlineBorderLineWidth]\n        },\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n          inlineRowBgColor: hoverHeaderInlineBackgroundColor || undefined,\n          inlineColumnBgColor: hoverHeaderInlineBackgroundColor || undefined,\n        },\n      },\n      cornerHeaderStyle: {\n        borderColor,\n        textAlign: 'center',\n        fontSize: 12,\n        color: headerFontColor,\n        padding: [0, 4, 0, 4],\n        fontWeight: 'bold',\n        borderLineWidth: [outlineBorderLineWidth, 1, 1, outlineBorderLineWidth],\n        bgColor: headerBackgroundColor,\n        frameStyle: {\n          borderColor,\n        },\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n          inlineRowBgColor: hoverHeaderInlineBackgroundColor || undefined,\n          inlineColumnBgColor: hoverHeaderInlineBackgroundColor || undefined,\n        },\n      },\n      cornerRightTopCellStyle: {\n        borderColor,\n        borderLineWidth: 0,\n        frameStyle: {\n          borderColor,\n          borderLineWidth: [outlineBorderLineWidth, outlineBorderLineWidth, 1, 1],\n        },\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      cornerLeftBottomCellStyle: {\n        borderColor,\n        borderLineWidth: [outlineBorderLineWidth, 0, outlineBorderLineWidth, outlineBorderLineWidth],\n        bgColor: headerBackgroundColor,\n        frameStyle: {\n          borderColor,\n          borderLineWidth: [1, 0, outlineBorderLineWidth, outlineBorderLineWidth],\n        },\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      cornerRightBottomCellStyle: {\n        borderColor,\n        bgColor: headerBackgroundColor,\n        borderLineWidth: [1, outlineBorderLineWidth, outlineBorderLineWidth, 1],\n        frameStyle: {\n          borderColor,\n          borderLineWidth: [1, outlineBorderLineWidth, outlineBorderLineWidth, 1],\n        },\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      rightFrozenStyle: {\n        borderColor,\n        bgColor: headerBackgroundColor,\n        borderLineWidth: (arg: { row: number }) => {\n          return [\n            arg.row === 0 || (hasColumnDimension && arg.row === 1) ? outlineBorderLineWidth : 1,\n            outlineBorderLineWidth,\n            0,\n            1,\n          ]\n        },\n        hover: {\n          borderLineWidth: 0,\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      bottomFrozenStyle: {\n        borderColor,\n        borderLineWidth: [1, outlineBorderLineWidth, outlineBorderLineWidth, 1],\n        bgColor: headerBackgroundColor,\n        hover: {\n          cellBgColor: hoverHeaderBackgroundColor,\n        },\n      },\n      selectionStyle: {\n        cellBgColor: '',\n        cellBorderColor: '',\n      },\n      frameStyle: {\n        borderColor,\n        cornerRadius: frameCornerRadius,\n        borderLineWidth: outlineBorderLineWidth,\n      },\n    },\n  }\n}\n"],"names":["pivotGridStyle","spec","context","vseed","advancedVSeed","config","chartType","dimensions","themConfig","onlyCombination","isPivot","isCombination","result","transparent","hasColumnDimension","dim","borderColor","bodyFontColor","headerFontColor","headerBackgroundColor","hoverHeaderBackgroundColor","hoverHeaderInlineBackgroundColor","outlineBorderLineWidth","frameCornerRadius","isNullish","arg","undefined"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotTitle.d.ts

@@ -0,0 +1,2 @@
+import type { SpecPipe } from '../../../../../types';
+export declare const pivotTitle: SpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotTitle.js

@@ -0,0 +1,28 @@
+const pivotTitle = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { config, chartType } = advancedVSeed;
+    const themConfig = config?.[chartType]?.pivotGrid ?? {};
+    if (result.columns && result.columns.length > 0) result.title = {
+        text: spec.columns.map((entry)=>entry.title).join('/'),
+        align: 'center',
+        orient: 'top',
+        padding: [
+            2,
+            0,
+            0,
+            0
+        ],
+        textStyle: {
+            fontSize: themConfig.titleFontSize ?? 12,
+            fill: themConfig.titleFontColor ?? '#000',
+            fontWeight: themConfig.titleFontWeight ?? 'bold'
+        }
+    };
+    return result;
+};
+export { pivotTitle };
+
+//# sourceMappingURL=pivotTitle.js.map

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotTitle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotTitle.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport type { SpecPipe, Config } from 'src/types'\n\nexport const pivotTitle: SpecPipe = (spec, context): Partial<PivotChartConstructorOptions> => {\n  const result = { ...spec } as PivotChartConstructorOptions\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = (config?.[chartType] as Config['line'])?.pivotGrid ?? {}\n\n  if (result.columns && result.columns.length > 0) {\n    result.title = {\n      text: (spec as unknown as { columns: { title: string }[] }).columns.map((entry) => entry.title).join('/'),\n      align: 'center',\n      orient: 'top',\n      padding: [2, 0, 0, 0],\n      textStyle: {\n        fontSize: themConfig.titleFontSize ?? 12,\n        fill: themConfig.titleFontColor ?? '#000',\n        fontWeight: themConfig.titleFontWeight ?? 'bold',\n      },\n    }\n  }\n\n  return result\n}\n"],"names":["pivotTitle","spec","context","result","advancedVSeed","config","chartType","themConfig","entry"],"mappings":"AAGO,MAAMA,aAAuB,CAACC,MAAMC;IACzC,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAcF,QAAQ,CAACC,UAAU,EAAqB,aAAa,CAAC;IAE1E,IAAIH,OAAO,OAAO,IAAIA,OAAO,OAAO,CAAC,MAAM,GAAG,GAC5CA,OAAO,KAAK,GAAG;QACb,MAAOF,KAAqD,OAAO,CAAC,GAAG,CAAC,CAACO,QAAUA,MAAM,KAAK,EAAE,IAAI,CAAC;QACrG,OAAO;QACP,QAAQ;QACR,SAAS;YAAC;YAAG;YAAG;YAAG;SAAE;QACrB,WAAW;YACT,UAAUD,WAAW,aAAa,IAAI;YACtC,MAAMA,WAAW,cAAc,IAAI;YACnC,YAAYA,WAAW,eAAe,IAAI;QAC5C;IACF;IAGF,OAAOJ;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/region/addRegionPadding.d.ts

@@ -0,0 +1,2 @@
+import type { SpecPipe } from '../../../../../types';
+export declare const addRegionPadding: SpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/region/addRegionPadding.js

@@ -0,0 +1,10 @@
+const addRegionPadding = (spec)=>{
+    const result = {
+        ...spec
+    };
+    if (result.region && result.region.length > 0) result.region[0].padding = 10;
+    return result;
+};
+export { addRegionPadding };
+
+//# sourceMappingURL=addRegionPadding.js.map

package/dist/esm/pipeline/spec/chart/pipes/region/addRegionPadding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/region/addRegionPadding.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/region/addRegionPadding.ts"],"sourcesContent":["import type { IPieChartSpec } from '@visactor/vchart'\nimport type { SpecPipe } from 'src/types'\n\nexport const addRegionPadding: SpecPipe = (spec) => {\n  const result = { ...spec } as IPieChartSpec\n\n  if (result.region && result.region.length > 0) {\n    result.region[0].padding = 10\n  }\n\n  return result\n}\n"],"names":["addRegionPadding","spec","result"],"mappings":"AAGO,MAAMA,mBAA6B,CAACC;IACzC,MAAMC,SAAS;QAAE,GAAGD,IAAI;IAAC;IAEzB,IAAIC,OAAO,MAAM,IAAIA,OAAO,MAAM,CAAC,MAAM,GAAG,GAC1CA,OAAO,MAAM,CAAC,EAAE,CAAC,OAAO,GAAG;IAG7B,OAAOA;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/region/index.d.ts

@@ -0,0 +1 @@
+export * from './addRegionPadding';

package/dist/esm/pipeline/spec/chart/pipes/region/index.js

@@ -0,0 +1 @@
+export * from "./addRegionPadding.js";

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/columnRegressionLine.d.ts

@@ -0,0 +1,2 @@
+import type { SpecPipe } from '../../../../../types';
+export declare const columnPolynomialRegressionLine: SpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/columnRegressionLine.js

@@ -0,0 +1,150 @@
+import { isNullish } from "remeda";
+import { array, clamper, regressionPolynomial } from "@visactor/vutils";
+import { defaultRegressionLineColor } from "./common.js";
+const columnPolynomialRegressionLine = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { chartType, regressionLine } = advancedVSeed;
+    const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
+    if (!regressionLine || !regressionLine.polynomialRegressionLine) return result;
+    const lineList = array(regressionLine.polynomialRegressionLine);
+    if (!result.customMark) result.customMark = [];
+    lineList.forEach((line, lineIndex)=>{
+        const theme = lineTheme.linearRegressionLine ?? {};
+        const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight, confidenceIntervalOpacity, confidenceIntervalVisible = theme.confidenceIntervalVisible } = line;
+        const childrenMarks = [];
+        result.customMark.push({
+            type: 'group',
+            interactive: false,
+            zIndex: 500,
+            name: `polynomialRegressionLine-${lineIndex}`,
+            style: {
+                data: (datum, ctx)=>{
+                    const vchart = ctx.vchart;
+                    const chart = vchart.getChart();
+                    const s = chart.getAllSeries()[0];
+                    if (s) {
+                        const rect = s.getRegion().getLayoutRect();
+                        if (0 === rect.width || 0 === rect.height) return null;
+                        const start = s.getRegion().getLayoutStartPoint();
+                        const yClamper = clamper(start.y, start.y + rect.height);
+                        const data = s.getViewData()?.latestData;
+                        const fieldX = s.fieldX?.[0];
+                        const fieldY = s.fieldY?.[0];
+                        const xValues = s.getRawDataStatisticsByField(fieldX).values;
+                        if (!fieldX || !fieldY || !data || data.length <= 2 || xValues.length <= 2) return null;
+                        const { confidenceInterval, evaluateGrid } = regressionPolynomial(xValues.map((xVal, index)=>{
+                            const filteredData = data.filter((d)=>d[fieldX] === xVal);
+                            return {
+                                x: index,
+                                y: Math.max(...filteredData.map((d)=>d[fieldY]))
+                            };
+                        }), void 0, void 0, {
+                            degree: line.degree ?? 2
+                        });
+                        const N = xValues.length;
+                        const xAxisHelper = s.getXAxisHelper();
+                        const halfBandWidth = xAxisHelper ? xAxisHelper.getBandwidth(0) / 2 : 0;
+                        const lineData = evaluateGrid(N);
+                        const linePoints = lineData.map((datum, index)=>{
+                            const d = {
+                                [fieldX]: xValues[index],
+                                [fieldY]: datum.y
+                            };
+                            return {
+                                x: s.dataToPositionX(d) + start.x + halfBandWidth,
+                                y: yClamper(s.dataToPositionY(d) + start.y)
+                            };
+                        });
+                        const result = {
+                            linePoints,
+                            color: s.getOption().globalScale.getScale('color')?.scale(s.getSeriesKeys()[0])
+                        };
+                        if (confidenceIntervalVisible) {
+                            const intervalData = confidenceInterval(N);
+                            result.areaPoints = intervalData.map((datum, index)=>{
+                                const d = {
+                                    [fieldX]: xValues[index],
+                                    [fieldY]: datum.lower
+                                };
+                                return {
+                                    x: s.dataToPositionX(d) + start.x + halfBandWidth,
+                                    y: yClamper(s.dataToPositionY(d) + start.y),
+                                    y1: yClamper(s.dataToPositionY({
+                                        [fieldY]: datum.upper
+                                    }) + start.y)
+                                };
+                            });
+                        }
+                        return result;
+                    }
+                    return null;
+                }
+            },
+            children: childrenMarks
+        });
+        if (confidenceIntervalVisible) childrenMarks.push({
+            type: 'area',
+            interactive: false,
+            zIndex: 500,
+            style: {
+                lineWidth: lineWidth ?? theme.lineWidth,
+                lineDash: lineDash ?? theme.lineDash,
+                fillOpacity: confidenceIntervalOpacity ?? theme.confidenceIntervalOpacity,
+                fill: color ?? defaultRegressionLineColor,
+                points: (datum, ctx, opt)=>{
+                    const parentNode = opt.mark?._product?.parent;
+                    if (parentNode?.attribute?.data) return parentNode.attribute.data.areaPoints;
+                    return [];
+                }
+            }
+        });
+        childrenMarks.push({
+            type: 'line',
+            interactive: false,
+            zIndex: 500,
+            style: {
+                lineWidth: lineWidth ?? theme.lineWidth,
+                lineDash: lineDash ?? theme.lineDash,
+                stroke: color ?? defaultRegressionLineColor,
+                points: (datum, ctx, opt)=>{
+                    const parentNode = opt.mark?._product?.parent;
+                    if (parentNode?.attribute?.data) return parentNode.attribute.data.linePoints;
+                    return [];
+                }
+            }
+        });
+        if (!isNullish(text)) childrenMarks.push({
+            type: 'text',
+            interactive: false,
+            zIndex: 500,
+            style: {
+                textAlign: 'end',
+                fill: textColor ?? theme.textColor,
+                fontSize: textFontSize ?? theme.textFontSize,
+                fontWeight: textFontWeight ?? theme.textFontWeight,
+                text: text,
+                x: (datum, ctx, opt)=>{
+                    const parentNode = opt.mark?._product?.parent;
+                    if (parentNode?.attribute?.data?.linePoints) {
+                        const points = parentNode.attribute.data.linePoints;
+                        return points[points.length - 1]?.x;
+                    }
+                },
+                y: (datum, ctx, opt)=>{
+                    const parentNode = opt.mark?._product?.parent;
+                    if (parentNode?.attribute?.data?.linePoints) {
+                        const points = parentNode.attribute.data.linePoints;
+                        return points[points.length - 1]?.y;
+                    }
+                }
+            }
+        });
+    });
+    return result;
+};
+export { columnPolynomialRegressionLine };
+
+//# sourceMappingURL=columnRegressionLine.js.map

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/columnRegressionLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/regressionLine/columnRegressionLine.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/regressionLine/columnRegressionLine.ts"],"sourcesContent":["import type { IBarChartSpec, ICartesianSeries, IChart, IVChart } from '@visactor/vchart'\nimport { isNullish } from 'remeda'\nimport { array, clamper, regressionPolynomial } from '@visactor/vutils'\nimport type { Datum, SpecPipe, RegressionLineConfig, LinearRegressionLine, PolynomialRegressionLine } from 'src/types'\nimport { defaultRegressionLineColor } from './common'\n\nexport const columnPolynomialRegressionLine: SpecPipe = (spec, context): Partial<IBarChartSpec> => {\n  const result = { ...spec } as Partial<IBarChartSpec>\n  const { advancedVSeed } = context\n  const { chartType, regressionLine } = advancedVSeed\n  const lineTheme = advancedVSeed.config[chartType as 'scatter']?.regressionLine as RegressionLineConfig\n\n  if (!regressionLine || !regressionLine.polynomialRegressionLine) {\n    return result\n  }\n\n  const lineList = array(regressionLine.polynomialRegressionLine)\n\n  if (!result.customMark) {\n    result.customMark = []\n  }\n\n  lineList.forEach((line, lineIndex) => {\n    const theme = (lineTheme.linearRegressionLine ?? {}) as LinearRegressionLine\n    const {\n      color,\n      lineWidth,\n      lineDash,\n      text,\n      textColor,\n      textFontSize,\n      textFontWeight,\n      confidenceIntervalOpacity,\n      confidenceIntervalVisible = theme.confidenceIntervalVisible,\n    } = line as LinearRegressionLine\n\n    const childrenMarks: any[] = []\n\n    ;(result.customMark as any[]).push({\n      type: 'group',\n      interactive: false,\n      zIndex: 500,\n      name: `polynomialRegressionLine-${lineIndex}`,\n      style: {\n        data: (datum: any, ctx: any) => {\n          const vchart = ctx.vchart as IVChart\n          const chart = vchart.getChart() as IChart\n          const s = chart.getAllSeries()[0] as ICartesianSeries\n\n          if (s) {\n            const rect = s.getRegion().getLayoutRect()\n\n            if (rect.width === 0 || rect.height === 0) {\n              return null\n            }\n\n            const start = s.getRegion().getLayoutStartPoint()\n            const yClamper = clamper(start.y, start.y + rect.height)\n            const data = s.getViewData()?.latestData as Datum[]\n            const fieldX = s.fieldX?.[0]\n            const fieldY = s.fieldY?.[0]\n            const xValues = s.getRawDataStatisticsByField(fieldX).values as string[]\n\n            if (!fieldX || !fieldY || !data || data.length <= 2 || xValues.length <= 2) {\n              return null\n            }\n\n            // eslint-disable-next-line @typescript-eslint/unbound-method\n            const { confidenceInterval, evaluateGrid } = regressionPolynomial(\n              xValues.map((xVal, index: number) => {\n                const filteredData = data.filter((d) => d[fieldX] === xVal)\n\n                return {\n                  x: index,\n                  y: Math.max(...filteredData.map((d) => d[fieldY] as number)),\n                }\n              }),\n              undefined,\n              undefined,\n              {\n                degree: (line as PolynomialRegressionLine).degree ?? 2,\n              },\n            )\n            const N = xValues.length\n            const xAxisHelper = s.getXAxisHelper()\n            const halfBandWidth = xAxisHelper ? xAxisHelper.getBandwidth!(0) / 2 : 0\n            const lineData = evaluateGrid(N)\n            const linePoints = lineData.map((datum: Datum, index: number) => {\n              const d = { [fieldX]: xValues[index], [fieldY]: datum.y }\n              return {\n                x: s.dataToPositionX(d)! + start.x + halfBandWidth,\n                y: yClamper(s.dataToPositionY(d)! + start.y),\n              }\n            })\n            const result: {\n              linePoints: { x: number; y: number }[]\n              areaPoints?: { x: number; y: number; y1: number }[]\n              color: string\n            } = {\n              linePoints,\n              color: s.getOption().globalScale.getScale('color')?.scale(s.getSeriesKeys()[0]),\n            }\n\n            if (confidenceIntervalVisible) {\n              const intervalData = confidenceInterval(N)\n\n              result.areaPoints = intervalData.map((datum: Datum, index: number) => {\n                const d = { [fieldX]: xValues[index], [fieldY]: datum.lower }\n                return {\n                  x: s.dataToPositionX(d)! + start.x + halfBandWidth,\n                  y: yClamper(s.dataToPositionY(d)! + start.y),\n                  y1: yClamper(s.dataToPositionY({ [fieldY]: datum.upper })! + start.y),\n                }\n              })\n            }\n\n            return result\n          }\n          return null\n        },\n      },\n      children: childrenMarks,\n    })\n\n    if (confidenceIntervalVisible) {\n      childrenMarks.push({\n        type: 'area',\n        interactive: false,\n        zIndex: 500,\n        style: {\n          lineWidth: lineWidth ?? theme.lineWidth,\n          lineDash: lineDash ?? theme.lineDash,\n          fillOpacity: confidenceIntervalOpacity ?? theme.confidenceIntervalOpacity,\n          fill: color ?? defaultRegressionLineColor,\n          points: (datum: any, ctx: any, opt: any) => {\n            const parentNode = opt.mark?._product?.parent\n\n            if (parentNode?.attribute?.data) {\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n              return parentNode.attribute.data.areaPoints\n            }\n\n            return []\n          },\n        },\n      })\n    }\n\n    childrenMarks.push({\n      type: 'line',\n      interactive: false,\n      zIndex: 500,\n      style: {\n        lineWidth: lineWidth ?? theme.lineWidth,\n        lineDash: lineDash ?? theme.lineDash,\n        stroke: color ?? defaultRegressionLineColor,\n        points: (datum: any, ctx: any, opt: any) => {\n          const parentNode = opt.mark?._product?.parent\n\n          if (parentNode?.attribute?.data) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n            return parentNode.attribute.data.linePoints\n          }\n\n          return []\n        },\n      },\n    })\n\n    if (!isNullish(text)) {\n      childrenMarks.push({\n        type: 'text',\n        interactive: false,\n        zIndex: 500,\n        style: {\n          textAlign: 'end',\n          fill: textColor ?? theme.textColor,\n          fontSize: textFontSize ?? theme.textFontSize,\n          fontWeight: textFontWeight ?? theme.textFontWeight,\n          text: text,\n          x: (datum: any, ctx: any, opt: any) => {\n            const parentNode = opt.mark?._product?.parent\n\n            if (parentNode?.attribute?.data?.linePoints) {\n              const points = parentNode.attribute.data.linePoints\n              return points[points.length - 1]?.x\n            }\n\n            return undefined\n          },\n          y: (datum: any, ctx: any, opt: any) => {\n            const parentNode = opt.mark?._product?.parent\n\n            if (parentNode?.attribute?.data?.linePoints) {\n              const points = parentNode.attribute.data.linePoints\n              return points[points.length - 1]?.y\n            }\n\n            return undefined\n          },\n        },\n      })\n    }\n  })\n\n  return result\n}\n"],"names":["columnPolynomialRegressionLine","spec","context","result","advancedVSeed","chartType","regressionLine","lineTheme","lineList","array","line","lineIndex","theme","color","lineWidth","lineDash","text","textColor","textFontSize","textFontWeight","confidenceIntervalOpacity","confidenceIntervalVisible","childrenMarks","datum","ctx","vchart","chart","s","rect","start","yClamper","clamper","data","fieldX","fieldY","xValues","confidenceInterval","evaluateGrid","regressionPolynomial","xVal","index","filteredData","d","Math","undefined","N","xAxisHelper","halfBandWidth","lineData","linePoints","intervalData","defaultRegressionLineColor","opt","parentNode","isNullish","points"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/common.d.ts

@@ -0,0 +1,4 @@
+import type { Datum } from '@visactor/vchart';
+export declare const defaultRegressionLineColor: (datum: Datum, ctx: any, opt: any) => string | undefined;
+export declare const defaultRegressionLineLabelX: (datum: any, ctx: any, opt: any) => any;
+export declare const defaultRegressionLineLabelY: (datum: any, ctx: any, opt: any) => any;

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/common.js

@@ -0,0 +1,21 @@
+const defaultRegressionLineColor = (datum, ctx, opt)=>{
+    const parentNode = opt.mark?._product?.parent;
+    if (parentNode?.attribute?.data) return parentNode.attribute.data.color;
+};
+const defaultRegressionLineLabelX = (datum, ctx, opt)=>{
+    const parentNode = opt.mark?._product?.parent;
+    if (parentNode?.attribute?.data?.linePoints) {
+        const points = parentNode.attribute.data.linePoints;
+        return points[points.length - 1]?.x;
+    }
+};
+const defaultRegressionLineLabelY = (datum, ctx, opt)=>{
+    const parentNode = opt.mark?._product?.parent;
+    if (parentNode?.attribute?.data?.linePoints) {
+        const points = parentNode.attribute.data.linePoints;
+        return points[points.length - 1]?.y;
+    }
+};
+export { defaultRegressionLineColor, defaultRegressionLineLabelX, defaultRegressionLineLabelY };
+
+//# sourceMappingURL=common.js.map

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/regressionLine/common.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/regressionLine/common.ts"],"sourcesContent":["import type { Datum } from '@visactor/vchart'\n\nexport const defaultRegressionLineColor = (datum: Datum, ctx: any, opt: any): string | undefined => {\n  const parentNode = opt.mark?._product?.parent\n  if (parentNode?.attribute?.data) {\n    return parentNode.attribute.data.color\n  }\n  return undefined\n}\n\nexport const defaultRegressionLineLabelX = (datum: any, ctx: any, opt: any) => {\n  const parentNode = opt.mark?._product?.parent\n\n  if (parentNode?.attribute?.data?.linePoints) {\n    const points = parentNode.attribute.data.linePoints\n    return points[points.length - 1]?.x\n  }\n\n  return undefined\n}\n\nexport const defaultRegressionLineLabelY = (datum: any, ctx: any, opt: any) => {\n  const parentNode = opt.mark?._product?.parent\n\n  if (parentNode?.attribute?.data?.linePoints) {\n    const points = parentNode.attribute.data.linePoints\n    return points[points.length - 1]?.y\n  }\n\n  return undefined\n}\n"],"names":["defaultRegressionLineColor","datum","ctx","opt","parentNode","defaultRegressionLineLabelX","points","defaultRegressionLineLabelY"],"mappings":"AAEO,MAAMA,6BAA6B,CAACC,OAAcC,KAAUC;IACjE,MAAMC,aAAaD,IAAI,IAAI,EAAE,UAAU;IACvC,IAAIC,YAAY,WAAW,MACzB,OAAOA,WAAW,SAAS,CAAC,IAAI,CAAC,KAAK;AAG1C;AAEO,MAAMC,8BAA8B,CAACJ,OAAYC,KAAUC;IAChE,MAAMC,aAAaD,IAAI,IAAI,EAAE,UAAU;IAEvC,IAAIC,YAAY,WAAW,MAAM,YAAY;QAC3C,MAAME,SAASF,WAAW,SAAS,CAAC,IAAI,CAAC,UAAU;QACnD,OAAOE,MAAM,CAACA,OAAO,MAAM,GAAG,EAAE,EAAE;IACpC;AAGF;AAEO,MAAMC,8BAA8B,CAACN,OAAYC,KAAUC;IAChE,MAAMC,aAAaD,IAAI,IAAI,EAAE,UAAU;IAEvC,IAAIC,YAAY,WAAW,MAAM,YAAY;QAC3C,MAAME,SAASF,WAAW,SAAS,CAAC,IAAI,CAAC,UAAU;QACnD,OAAOE,MAAM,CAACA,OAAO,MAAM,GAAG,EAAE,EAAE;IACpC;AAGF"}

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/ecdfRegressionLine.d.ts

@@ -0,0 +1,2 @@
+import type { SpecPipe } from '../../../../../types';
+export declare const ecdfRegressionLine: SpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/ecdfRegressionLine.js

@@ -0,0 +1,98 @@
+import { isNullish, uniqueBy } from "remeda";
+import { array, ecdf } from "@visactor/vutils";
+import { defaultRegressionLineColor, defaultRegressionLineLabelX, defaultRegressionLineLabelY } from "./common.js";
+const ecdfRegressionLine = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed, vseed } = context;
+    const { chartType, encoding = {}, dimensions, regressionLine } = advancedVSeed;
+    const { dataset } = vseed;
+    const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
+    if (!regressionLine || !regressionLine.ecdfRegressionLine) return result;
+    const rowColumnFields = uniqueBy(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
+    const lineList = array(regressionLine.ecdfRegressionLine);
+    if (!result.customMark) result.customMark = [];
+    lineList.forEach((line, lineIndex)=>{
+        const theme = lineTheme?.ecdfRegressionLine ?? {};
+        const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight } = line;
+        const childrenMarks = [];
+        result.customMark.push({
+            type: 'group',
+            interactive: false,
+            zIndex: 500,
+            name: `ecdfRegressionLine-${lineIndex}`,
+            style: {
+                data: (datum, ctx)=>{
+                    const vchart = ctx.vchart;
+                    const chart = vchart.getChart();
+                    const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
+                    if (series && series.length) {
+                        const s = series[0];
+                        const region = s.getRegion().getLayoutStartPoint();
+                        const fieldX = s.fieldX?.[0];
+                        const scaleY = s.getYAxisHelper().getScale?.(0);
+                        const viewData = s.getViewData()?.latestData;
+                        if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) return null;
+                        const simpleData = dataset.filter((entry)=>rowColumnFields.length ? rowColumnFields.every((dim)=>entry[dim.id] === viewData[0][dim.id]) : true).map((d)=>d[encoding.value?.[0]]);
+                        const res = ecdf(simpleData);
+                        const N = Math.max(3, Math.floor(simpleData.length / 4));
+                        const lineData = res.evaluateGrid(N);
+                        const yRange = scaleY.range();
+                        const y0 = yRange[0];
+                        const y1 = yRange[yRange.length - 1];
+                        const scaleR = (e)=>y0 + (y1 - y0) * e;
+                        const linePoints = lineData.map((ld)=>{
+                            const d = {
+                                [fieldX]: ld.x
+                            };
+                            return {
+                                x: s.dataToPositionX(d) + region.x,
+                                y: scaleR(ld.y) + region.y
+                            };
+                        });
+                        return {
+                            linePoints,
+                            color: color ?? s.getOption().globalScale.getScale('color')?.scale(s.getSeriesKeys()[0])
+                        };
+                    }
+                    return null;
+                }
+            },
+            children: childrenMarks
+        });
+        childrenMarks.push({
+            type: 'line',
+            interactive: false,
+            zIndex: 500,
+            style: {
+                lineWidth: lineWidth ?? theme.lineWidth,
+                lineDash: lineDash ?? theme.lineDash,
+                stroke: color ?? defaultRegressionLineColor,
+                points: (datum, ctx, opt)=>{
+                    const parentNode = opt.mark?._product?.parent;
+                    if (parentNode?.attribute?.data) return parentNode.attribute.data.linePoints;
+                    return [];
+                }
+            }
+        });
+        if (!isNullish(text)) childrenMarks.push({
+            type: 'text',
+            interactive: false,
+            zIndex: 500,
+            style: {
+                textAlign: 'end',
+                fill: textColor ?? theme.textColor,
+                fontSize: textFontSize ?? theme.textFontSize,
+                fontWeight: textFontWeight ?? theme.textFontWeight,
+                text: text,
+                x: defaultRegressionLineLabelX,
+                y: defaultRegressionLineLabelY
+            }
+        });
+    });
+    return result;
+};
+export { ecdfRegressionLine };
+
+//# sourceMappingURL=ecdfRegressionLine.js.map

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/ecdfRegressionLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/regressionLine/ecdfRegressionLine.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/regressionLine/ecdfRegressionLine.ts"],"sourcesContent":["import type { ICartesianSeries, IChart, IHistogramChartSpec, IVChart } from '@visactor/vchart'\nimport { isNullish, uniqueBy } from 'remeda'\nimport { ecdf, array } from '@visactor/vutils'\nimport type { Datum, Dimension, SpecPipe, Encoding, RegressionLineConfig, EcdfRegressionLine } from 'src/types'\nimport { defaultRegressionLineColor, defaultRegressionLineLabelX, defaultRegressionLineLabelY } from './common'\n\nexport const ecdfRegressionLine: SpecPipe = (spec, context) => {\n  const result = { ...spec } as IHistogramChartSpec\n  const { advancedVSeed, vseed } = context\n  const { chartType, encoding = {} as Encoding, dimensions, regressionLine } = advancedVSeed\n  const { dataset } = vseed\n  const lineTheme = advancedVSeed.config[chartType as 'histogram']?.regressionLine as RegressionLineConfig\n\n  if (!regressionLine || !regressionLine.ecdfRegressionLine) {\n    return result\n  }\n\n  const rowColumnFields = uniqueBy(\n    dimensions.filter((dim: Dimension) => dim.encoding === 'row' || dim.encoding === 'column'),\n    (item: Dimension) => item.id,\n  )\n\n  const lineList = array(regressionLine.ecdfRegressionLine)\n\n  if (!result.customMark) {\n    result.customMark = []\n  }\n\n  lineList.forEach((line, lineIndex) => {\n    const theme = (lineTheme?.ecdfRegressionLine ?? {}) as EcdfRegressionLine\n    const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight } = line as EcdfRegressionLine\n\n    const childrenMarks: any[] = []\n\n    ;(result.customMark as any[]).push({\n      type: 'group',\n      interactive: false,\n      zIndex: 500,\n      name: `ecdfRegressionLine-${lineIndex}`,\n      style: {\n        data: (datum: any, ctx: any) => {\n          const vchart = ctx.vchart as IVChart\n          const chart = vchart.getChart() as IChart\n          const series = chart.getAllSeries().filter((s: any) => s.type === 'bar')\n\n          // 直方图使用的是bar系列\n          if (series && series.length) {\n            const s = series[0] as ICartesianSeries\n            const region = s.getRegion().getLayoutStartPoint()\n\n            const fieldX = s.fieldX?.[0]\n            const scaleY = s.getYAxisHelper().getScale?.(0)\n            const viewData = s.getViewData()?.latestData\n\n            if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) {\n              return null\n            }\n            const simpleData = dataset\n              .filter((entry: Datum) => {\n                return rowColumnFields.length\n                  ? rowColumnFields.every((dim: Dimension) => {\n                      return entry[dim.id] === viewData[0][dim.id]\n                    })\n                  : true\n              })\n              .map((d: Datum) => (d as any)[encoding.value?.[0] as string]) as number[]\n            const res = ecdf(simpleData)\n            const N = Math.max(3, Math.floor(simpleData.length / 4))\n            const lineData = res.evaluateGrid(N)\n            const yRange = scaleY.range()\n            const y0 = yRange[0]\n            const y1 = yRange[yRange.length - 1]\n            const scaleR = (e: number) => {\n              return y0 + (y1 - y0) * e\n            }\n\n            const linePoints = lineData.map((ld: Datum) => {\n              const d = { [fieldX]: ld.x }\n              return {\n                x: s.dataToPositionX(d)! + region.x,\n                y: scaleR(ld.y as number) + region.y,\n              }\n            })\n\n            return {\n              linePoints,\n              color: color ?? s.getOption().globalScale.getScale('color')?.scale(s.getSeriesKeys()[0]),\n            }\n          }\n          return null\n        },\n      },\n      children: childrenMarks,\n    })\n\n    childrenMarks.push({\n      type: 'line',\n      interactive: false,\n      zIndex: 500,\n      style: {\n        lineWidth: lineWidth ?? theme.lineWidth,\n        lineDash: lineDash ?? theme.lineDash,\n        stroke: color ?? defaultRegressionLineColor,\n        points: (datum: any, ctx: any, opt: any) => {\n          const parentNode = opt.mark?._product?.parent\n\n          if (parentNode?.attribute?.data) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n            return parentNode.attribute.data.linePoints\n          }\n\n          return []\n        },\n      },\n    })\n\n    if (!isNullish(text)) {\n      childrenMarks.push({\n        type: 'text',\n        interactive: false,\n        zIndex: 500,\n        style: {\n          textAlign: 'end',\n          fill: textColor ?? theme.textColor,\n          fontSize: textFontSize ?? theme.textFontSize,\n          fontWeight: textFontWeight ?? theme.textFontWeight,\n          text: text,\n          x: defaultRegressionLineLabelX,\n          y: defaultRegressionLineLabelY,\n        },\n      })\n    }\n  })\n\n  return result\n}\n"],"names":["ecdfRegressionLine","spec","context","result","advancedVSeed","vseed","chartType","encoding","dimensions","regressionLine","dataset","lineTheme","rowColumnFields","uniqueBy","dim","item","lineList","array","line","lineIndex","theme","color","lineWidth","lineDash","text","textColor","textFontSize","textFontWeight","childrenMarks","datum","ctx","vchart","chart","series","s","region","fieldX","scaleY","viewData","simpleData","entry","d","res","ecdf","N","Math","lineData","yRange","y0","y1","scaleR","e","linePoints","ld","defaultRegressionLineColor","opt","parentNode","isNullish","defaultRegressionLineLabelX","defaultRegressionLineLabelY"],"mappings":";;;AAMO,MAAMA,qBAA+B,CAACC,MAAMC;IACjD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,SAAS,EAAEC,WAAW,CAAC,CAAa,EAAEC,UAAU,EAAEC,cAAc,EAAE,GAAGL;IAC7E,MAAM,EAAEM,OAAO,EAAE,GAAGL;IACpB,MAAMM,YAAYP,cAAc,MAAM,CAACE,UAAyB,EAAE;IAElE,IAAI,CAACG,kBAAkB,CAACA,eAAe,kBAAkB,EACvD,OAAON;IAGT,MAAMS,kBAAkBC,SACtBL,WAAW,MAAM,CAAC,CAACM,MAAmBA,AAAiB,UAAjBA,IAAI,QAAQ,IAAcA,AAAiB,aAAjBA,IAAI,QAAQ,GAC5E,CAACC,OAAoBA,KAAK,EAAE;IAG9B,MAAMC,WAAWC,MAAMR,eAAe,kBAAkB;IAExD,IAAI,CAACN,OAAO,UAAU,EACpBA,OAAO,UAAU,GAAG,EAAE;IAGxBa,SAAS,OAAO,CAAC,CAACE,MAAMC;QACtB,MAAMC,QAAST,WAAW,sBAAsB,CAAC;QACjD,MAAM,EAAEU,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,YAAY,EAAEC,cAAc,EAAE,GAAGT;QAEtF,MAAMU,gBAAuB,EAAE;QAE7BzB,OAAO,UAAU,CAAW,IAAI,CAAC;YACjC,MAAM;YACN,aAAa;YACb,QAAQ;YACR,MAAM,CAAC,mBAAmB,EAAEgB,WAAW;YACvC,OAAO;gBACL,MAAM,CAACU,OAAYC;oBACjB,MAAMC,SAASD,IAAI,MAAM;oBACzB,MAAME,QAAQD,OAAO,QAAQ;oBAC7B,MAAME,SAASD,MAAM,YAAY,GAAG,MAAM,CAAC,CAACE,IAAWA,AAAW,UAAXA,EAAE,IAAI;oBAG7D,IAAID,UAAUA,OAAO,MAAM,EAAE;wBAC3B,MAAMC,IAAID,MAAM,CAAC,EAAE;wBACnB,MAAME,SAASD,EAAE,SAAS,GAAG,mBAAmB;wBAEhD,MAAME,SAASF,EAAE,MAAM,EAAE,CAAC,EAAE;wBAC5B,MAAMG,SAASH,EAAE,cAAc,GAAG,QAAQ,GAAG;wBAC7C,MAAMI,WAAWJ,EAAE,WAAW,IAAI;wBAElC,IAAI,CAACxB,WAAW,CAACA,QAAQ,MAAM,IAAI,CAAC4B,YAAY,CAACA,SAAS,MAAM,IAAI,CAACD,QACnE,OAAO;wBAET,MAAME,aAAa7B,QAChB,MAAM,CAAC,CAAC8B,QACA5B,gBAAgB,MAAM,GACzBA,gBAAgB,KAAK,CAAC,CAACE,MACd0B,KAAK,CAAC1B,IAAI,EAAE,CAAC,KAAKwB,QAAQ,CAAC,EAAE,CAACxB,IAAI,EAAE,CAAC,IAE9C,MAEL,GAAG,CAAC,CAAC2B,IAAcA,CAAS,CAAClC,SAAS,KAAK,EAAE,CAAC,EAAE,CAAW;wBAC9D,MAAMmC,MAAMC,KAAKJ;wBACjB,MAAMK,IAAIC,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACN,WAAW,MAAM,GAAG;wBACrD,MAAMO,WAAWJ,IAAI,YAAY,CAACE;wBAClC,MAAMG,SAASV,OAAO,KAAK;wBAC3B,MAAMW,KAAKD,MAAM,CAAC,EAAE;wBACpB,MAAME,KAAKF,MAAM,CAACA,OAAO,MAAM,GAAG,EAAE;wBACpC,MAAMG,SAAS,CAACC,IACPH,KAAMC,AAAAA,CAAAA,KAAKD,EAAC,IAAKG;wBAG1B,MAAMC,aAAaN,SAAS,GAAG,CAAC,CAACO;4BAC/B,MAAMZ,IAAI;gCAAE,CAACL,OAAO,EAAEiB,GAAG,CAAC;4BAAC;4BAC3B,OAAO;gCACL,GAAGnB,EAAE,eAAe,CAACO,KAAMN,OAAO,CAAC;gCACnC,GAAGe,OAAOG,GAAG,CAAC,IAAclB,OAAO,CAAC;4BACtC;wBACF;wBAEA,OAAO;4BACLiB;4BACA,OAAO/B,SAASa,EAAE,SAAS,GAAG,WAAW,CAAC,QAAQ,CAAC,UAAU,MAAMA,EAAE,aAAa,EAAE,CAAC,EAAE;wBACzF;oBACF;oBACA,OAAO;gBACT;YACF;YACA,UAAUN;QACZ;QAEAA,cAAc,IAAI,CAAC;YACjB,MAAM;YACN,aAAa;YACb,QAAQ;YACR,OAAO;gBACL,WAAWN,aAAaF,MAAM,SAAS;gBACvC,UAAUG,YAAYH,MAAM,QAAQ;gBACpC,QAAQC,SAASiC;gBACjB,QAAQ,CAACzB,OAAYC,KAAUyB;oBAC7B,MAAMC,aAAaD,IAAI,IAAI,EAAE,UAAU;oBAEvC,IAAIC,YAAY,WAAW,MAEzB,OAAOA,WAAW,SAAS,CAAC,IAAI,CAAC,UAAU;oBAG7C,OAAO,EAAE;gBACX;YACF;QACF;QAEA,IAAI,CAACC,UAAUjC,OACbI,cAAc,IAAI,CAAC;YACjB,MAAM;YACN,aAAa;YACb,QAAQ;YACR,OAAO;gBACL,WAAW;gBACX,MAAMH,aAAaL,MAAM,SAAS;gBAClC,UAAUM,gBAAgBN,MAAM,YAAY;gBAC5C,YAAYO,kBAAkBP,MAAM,cAAc;gBAClD,MAAMI;gBACN,GAAGkC;gBACH,GAAGC;YACL;QACF;IAEJ;IAEA,OAAOxD;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/index.d.ts

@@ -1 +1,4 @@
-export * from './histogramRegressionLine';
+export * from './kdeRegressionLine';
+export * from './ecdfRegressionLine';
+export * from './linearRegressionLine';
+export * from './columnRegressionLine';

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/index.js

@@ -1 +1,4 @@
-export * from "./histogramRegressionLine.js";
+export * from "./kdeRegressionLine.js";
+export * from "./ecdfRegressionLine.js";
+export * from "./linearRegressionLine.js";
+export * from "./columnRegressionLine.js";

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/kdeRegressionLine.d.ts

@@ -0,0 +1,2 @@
+import type { SpecPipe } from '../../../../../types';
+export declare const kdeRegressionLine: SpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/kdeRegressionLine.js

@@ -0,0 +1,98 @@
+import { isNullish, uniqueBy } from "remeda";
+import { array, kde } from "@visactor/vutils";
+import { BinEndMeasureId, BinStartMeasureId } from "../../../../../dataReshape/index.js";
+import { defaultRegressionLineColor, defaultRegressionLineLabelX, defaultRegressionLineLabelY } from "./common.js";
+const kdeRegressionLine = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed, vseed } = context;
+    const { chartType, encoding = {}, dimensions, regressionLine } = advancedVSeed;
+    const { dataset } = vseed;
+    const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
+    if (!regressionLine || !regressionLine.kdeRegressionLine) return result;
+    const rowColumnFields = uniqueBy(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
+    const lineList = array(regressionLine.kdeRegressionLine);
+    if (!result.customMark) result.customMark = [];
+    lineList.forEach((line, lineIndex)=>{
+        const theme = lineTheme.kdeRegressionLine ?? {};
+        const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight } = line;
+        const childrenMarks = [];
+        result.customMark.push({
+            type: 'group',
+            interactive: false,
+            zIndex: 500,
+            name: `kdeRegressionLine-${lineIndex}`,
+            style: {
+                data: (datum, ctx)=>{
+                    const vchart = ctx.vchart;
+                    const chart = vchart.getChart();
+                    const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
+                    if (series && series.length) {
+                        const s = series[0];
+                        const region = s.getRegion().getLayoutStartPoint();
+                        const fieldX = s.fieldX?.[0];
+                        const scaleY = s.getYAxisHelper().getScale?.(0);
+                        const viewData = s.getViewData()?.latestData;
+                        if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) return null;
+                        const simpleData = dataset.filter((entry)=>rowColumnFields.length ? rowColumnFields.every((dim)=>entry[dim.id] === viewData[0][dim.id]) : true).map((d)=>d[encoding.value?.[0]]);
+                        const res = kde(simpleData, {
+                            bandwidth: Math.abs(viewData[0][BinEndMeasureId] - viewData[0][BinStartMeasureId])
+                        });
+                        const N = Math.max(3, Math.floor(simpleData.length / 4));
+                        const lineData = res.evaluateGrid(N);
+                        const scaleR = (k)=>scaleY.scale(k * simpleData.length * res.bandwidth);
+                        const linePoints = lineData.map((ld)=>{
+                            const d = {
+                                [fieldX]: ld.x
+                            };
+                            return {
+                                x: s.dataToPositionX(d) + region.x,
+                                y: scaleR(ld.y) + region.y
+                            };
+                        });
+                        return {
+                            linePoints,
+                            color: color ?? s.getOption().globalScale.getScale('color')?.scale(s.getSeriesKeys()[0])
+                        };
+                    }
+                    return null;
+                }
+            },
+            children: childrenMarks
+        });
+        childrenMarks.push({
+            type: 'line',
+            interactive: false,
+            zIndex: 500,
+            style: {
+                lineWidth: lineWidth ?? theme.lineWidth,
+                lineDash: lineDash ?? theme.lineDash,
+                stroke: color ?? defaultRegressionLineColor,
+                points: (datum, ctx, opt)=>{
+                    const parentNode = opt.mark?._product?.parent;
+                    if (parentNode?.attribute?.data) return parentNode.attribute.data.linePoints;
+                    return [];
+                }
+            }
+        });
+        if (!isNullish(text)) childrenMarks.push({
+            type: 'text',
+            interactive: false,
+            zIndex: 500,
+            style: {
+                textAlign: 'end',
+                fill: textColor ?? theme.textColor,
+                fontSize: textFontSize ?? theme.textFontSize,
+                fontWeight: textFontWeight ?? theme.textFontWeight,
+                text: text,
+                x: defaultRegressionLineLabelX,
+                y: defaultRegressionLineLabelY
+            }
+        });
+    });
+    return result;
+};
+export { kdeRegressionLine };
+
+//# sourceMappingURL=kdeRegressionLine.js.map

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/kdeRegressionLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/regressionLine/kdeRegressionLine.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/regressionLine/kdeRegressionLine.ts"],"sourcesContent":["import type { ICartesianSeries, IChart, IHistogramChartSpec, IVChart } from '@visactor/vchart'\nimport type { KDEOptions } from '@visactor/vutils'\nimport { isNullish, uniqueBy } from 'remeda'\nimport { kde, array } from '@visactor/vutils'\nimport { BinEndMeasureId, BinStartMeasureId } from 'src/dataReshape'\nimport type { Datum, Dimension, SpecPipe, Encoding, RegressionLineConfig, KdeRegressionLine } from 'src/types'\nimport { defaultRegressionLineColor, defaultRegressionLineLabelX, defaultRegressionLineLabelY } from './common'\n\nexport const kdeRegressionLine: SpecPipe = (spec, context) => {\n  const result = { ...spec } as IHistogramChartSpec\n  const { advancedVSeed, vseed } = context\n  const { chartType, encoding = {} as Encoding, dimensions, regressionLine } = advancedVSeed\n  const { dataset } = vseed\n  const lineTheme = advancedVSeed.config[chartType as 'histogram']?.regressionLine as RegressionLineConfig\n\n  if (!regressionLine || !regressionLine.kdeRegressionLine) {\n    return result\n  }\n\n  const rowColumnFields = uniqueBy(\n    dimensions.filter((dim: Dimension) => dim.encoding === 'row' || dim.encoding === 'column'),\n    (item: Dimension) => item.id,\n  )\n\n  const lineList = array(regressionLine.kdeRegressionLine)\n\n  if (!result.customMark) {\n    result.customMark = []\n  }\n\n  lineList.forEach((line, lineIndex) => {\n    const theme = (lineTheme.kdeRegressionLine ?? {}) as KdeRegressionLine\n    const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight } = line as KdeRegressionLine\n\n    const childrenMarks: any[] = []\n\n    ;(result.customMark as any[]).push({\n      type: 'group',\n      interactive: false,\n      zIndex: 500,\n      name: `kdeRegressionLine-${lineIndex}`,\n      style: {\n        data: (datum: any, ctx: any) => {\n          const vchart = ctx.vchart as IVChart\n          const chart = vchart.getChart() as IChart\n          const series = chart.getAllSeries().filter((s: any) => s.type === 'bar')\n\n          // 直方图使用的是bar系列\n          if (series && series.length) {\n            const s = series[0] as ICartesianSeries\n            const region = s.getRegion().getLayoutStartPoint()\n\n            const fieldX = s.fieldX?.[0]\n            const scaleY = s.getYAxisHelper().getScale?.(0)\n            const viewData = s.getViewData()?.latestData\n\n            if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) {\n              return null\n            }\n            const simpleData = dataset\n              .filter((entry: Datum) => {\n                return rowColumnFields.length\n                  ? rowColumnFields.every((dim: Dimension) => {\n                      return entry[dim.id] === viewData[0][dim.id]\n                    })\n                  : true\n              })\n              .map((d: Datum) => (d as any)[encoding.value?.[0] as string]) as number[]\n            const res = kde(simpleData, {\n              bandwidth: Math.abs(viewData[0][BinEndMeasureId] - viewData[0][BinStartMeasureId]),\n            } as KDEOptions)\n            const N = Math.max(3, Math.floor(simpleData.length / 4))\n            const lineData = res.evaluateGrid(N)\n            const scaleR = (k: number) => {\n              return scaleY.scale(k * simpleData.length * res.bandwidth)\n            }\n\n            const linePoints = lineData.map((ld: Datum) => {\n              const d = { [fieldX]: ld.x }\n              return {\n                x: s.dataToPositionX(d)! + region.x,\n                y: scaleR(ld.y as number) + region.y,\n              }\n            })\n\n            return {\n              linePoints,\n              color: color ?? s.getOption().globalScale.getScale('color')?.scale(s.getSeriesKeys()[0]),\n            }\n          }\n          return null\n        },\n      },\n      children: childrenMarks,\n    })\n\n    childrenMarks.push({\n      type: 'line',\n      interactive: false,\n      zIndex: 500,\n      style: {\n        lineWidth: lineWidth ?? theme.lineWidth,\n        lineDash: lineDash ?? theme.lineDash,\n        stroke: color ?? defaultRegressionLineColor,\n        points: (datum: any, ctx: any, opt: any) => {\n          const parentNode = opt.mark?._product?.parent\n\n          if (parentNode?.attribute?.data) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n            return parentNode.attribute.data.linePoints\n          }\n\n          return []\n        },\n      },\n    })\n\n    if (!isNullish(text)) {\n      childrenMarks.push({\n        type: 'text',\n        interactive: false,\n        zIndex: 500,\n        style: {\n          textAlign: 'end',\n          fill: textColor ?? theme.textColor,\n          fontSize: textFontSize ?? theme.textFontSize,\n          fontWeight: textFontWeight ?? theme.textFontWeight,\n          text: text,\n          x: defaultRegressionLineLabelX,\n          y: defaultRegressionLineLabelY,\n        },\n      })\n    }\n  })\n\n  return result\n}\n"],"names":["kdeRegressionLine","spec","context","result","advancedVSeed","vseed","chartType","encoding","dimensions","regressionLine","dataset","lineTheme","rowColumnFields","uniqueBy","dim","item","lineList","array","line","lineIndex","theme","color","lineWidth","lineDash","text","textColor","textFontSize","textFontWeight","childrenMarks","datum","ctx","vchart","chart","series","s","region","fieldX","scaleY","viewData","simpleData","entry","d","res","kde","Math","BinEndMeasureId","BinStartMeasureId","N","lineData","scaleR","k","linePoints","ld","defaultRegressionLineColor","opt","parentNode","isNullish","defaultRegressionLineLabelX","defaultRegressionLineLabelY"],"mappings":";;;;AAQO,MAAMA,oBAA8B,CAACC,MAAMC;IAChD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,SAAS,EAAEC,WAAW,CAAC,CAAa,EAAEC,UAAU,EAAEC,cAAc,EAAE,GAAGL;IAC7E,MAAM,EAAEM,OAAO,EAAE,GAAGL;IACpB,MAAMM,YAAYP,cAAc,MAAM,CAACE,UAAyB,EAAE;IAElE,IAAI,CAACG,kBAAkB,CAACA,eAAe,iBAAiB,EACtD,OAAON;IAGT,MAAMS,kBAAkBC,SACtBL,WAAW,MAAM,CAAC,CAACM,MAAmBA,AAAiB,UAAjBA,IAAI,QAAQ,IAAcA,AAAiB,aAAjBA,IAAI,QAAQ,GAC5E,CAACC,OAAoBA,KAAK,EAAE;IAG9B,MAAMC,WAAWC,MAAMR,eAAe,iBAAiB;IAEvD,IAAI,CAACN,OAAO,UAAU,EACpBA,OAAO,UAAU,GAAG,EAAE;IAGxBa,SAAS,OAAO,CAAC,CAACE,MAAMC;QACtB,MAAMC,QAAST,UAAU,iBAAiB,IAAI,CAAC;QAC/C,MAAM,EAAEU,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,YAAY,EAAEC,cAAc,EAAE,GAAGT;QAEtF,MAAMU,gBAAuB,EAAE;QAE7BzB,OAAO,UAAU,CAAW,IAAI,CAAC;YACjC,MAAM;YACN,aAAa;YACb,QAAQ;YACR,MAAM,CAAC,kBAAkB,EAAEgB,WAAW;YACtC,OAAO;gBACL,MAAM,CAACU,OAAYC;oBACjB,MAAMC,SAASD,IAAI,MAAM;oBACzB,MAAME,QAAQD,OAAO,QAAQ;oBAC7B,MAAME,SAASD,MAAM,YAAY,GAAG,MAAM,CAAC,CAACE,IAAWA,AAAW,UAAXA,EAAE,IAAI;oBAG7D,IAAID,UAAUA,OAAO,MAAM,EAAE;wBAC3B,MAAMC,IAAID,MAAM,CAAC,EAAE;wBACnB,MAAME,SAASD,EAAE,SAAS,GAAG,mBAAmB;wBAEhD,MAAME,SAASF,EAAE,MAAM,EAAE,CAAC,EAAE;wBAC5B,MAAMG,SAASH,EAAE,cAAc,GAAG,QAAQ,GAAG;wBAC7C,MAAMI,WAAWJ,EAAE,WAAW,IAAI;wBAElC,IAAI,CAACxB,WAAW,CAACA,QAAQ,MAAM,IAAI,CAAC4B,YAAY,CAACA,SAAS,MAAM,IAAI,CAACD,QACnE,OAAO;wBAET,MAAME,aAAa7B,QAChB,MAAM,CAAC,CAAC8B,QACA5B,gBAAgB,MAAM,GACzBA,gBAAgB,KAAK,CAAC,CAACE,MACd0B,KAAK,CAAC1B,IAAI,EAAE,CAAC,KAAKwB,QAAQ,CAAC,EAAE,CAACxB,IAAI,EAAE,CAAC,IAE9C,MAEL,GAAG,CAAC,CAAC2B,IAAcA,CAAS,CAAClC,SAAS,KAAK,EAAE,CAAC,EAAE,CAAW;wBAC9D,MAAMmC,MAAMC,IAAIJ,YAAY;4BAC1B,WAAWK,KAAK,GAAG,CAACN,QAAQ,CAAC,EAAE,CAACO,gBAAgB,GAAGP,QAAQ,CAAC,EAAE,CAACQ,kBAAkB;wBACnF;wBACA,MAAMC,IAAIH,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACL,WAAW,MAAM,GAAG;wBACrD,MAAMS,WAAWN,IAAI,YAAY,CAACK;wBAClC,MAAME,SAAS,CAACC,IACPb,OAAO,KAAK,CAACa,IAAIX,WAAW,MAAM,GAAGG,IAAI,SAAS;wBAG3D,MAAMS,aAAaH,SAAS,GAAG,CAAC,CAACI;4BAC/B,MAAMX,IAAI;gCAAE,CAACL,OAAO,EAAEgB,GAAG,CAAC;4BAAC;4BAC3B,OAAO;gCACL,GAAGlB,EAAE,eAAe,CAACO,KAAMN,OAAO,CAAC;gCACnC,GAAGc,OAAOG,GAAG,CAAC,IAAcjB,OAAO,CAAC;4BACtC;wBACF;wBAEA,OAAO;4BACLgB;4BACA,OAAO9B,SAASa,EAAE,SAAS,GAAG,WAAW,CAAC,QAAQ,CAAC,UAAU,MAAMA,EAAE,aAAa,EAAE,CAAC,EAAE;wBACzF;oBACF;oBACA,OAAO;gBACT;YACF;YACA,UAAUN;QACZ;QAEAA,cAAc,IAAI,CAAC;YACjB,MAAM;YACN,aAAa;YACb,QAAQ;YACR,OAAO;gBACL,WAAWN,aAAaF,MAAM,SAAS;gBACvC,UAAUG,YAAYH,MAAM,QAAQ;gBACpC,QAAQC,SAASgC;gBACjB,QAAQ,CAACxB,OAAYC,KAAUwB;oBAC7B,MAAMC,aAAaD,IAAI,IAAI,EAAE,UAAU;oBAEvC,IAAIC,YAAY,WAAW,MAEzB,OAAOA,WAAW,SAAS,CAAC,IAAI,CAAC,UAAU;oBAG7C,OAAO,EAAE;gBACX;YACF;QACF;QAEA,IAAI,CAACC,UAAUhC,OACbI,cAAc,IAAI,CAAC;YACjB,MAAM;YACN,aAAa;YACb,QAAQ;YACR,OAAO;gBACL,WAAW;gBACX,MAAMH,aAAaL,MAAM,SAAS;gBAClC,UAAUM,gBAAgBN,MAAM,YAAY;gBAC5C,YAAYO,kBAAkBP,MAAM,cAAc;gBAClD,MAAMI;gBACN,GAAGiC;gBACH,GAAGC;YACL;QACF;IAEJ;IAEA,OAAOvD;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/regressionLine/linearRegressionLine.d.ts

@@ -0,0 +1,16 @@
+import type { Datum, SpecPipe } from '../../../../../types';
+export declare const generateRegressionLinePipe: (type: "linearRegressionLine" | "lowessRegressionLine" | "polynomialRegressionLine" | "logisticRegressionLine", regressionFunction: (arr: Datum[], xAccessor: (d: Datum) => number, yAccessor: (d: Datum) => number, options?: any) => {
+    confidenceInterval: (N: number) => {
+        lower: number;
+        upper: number;
+        x: number;
+    }[];
+    evaluateGrid: (N: number) => {
+        x: number;
+        y: number;
+    }[];
+}, getOptions?: (lineConfig: any) => any) => SpecPipe;
+export declare const linearRegressionLine: SpecPipe;
+export declare const lowessRegressionLine: SpecPipe;
+export declare const polynomialRegressionLine: SpecPipe;
+export declare const logisticRegressionLine: SpecPipe;