rapid-spreadjs 1.0.185 → 1.0.187

package/dist/index.esm.js

@@ -5313,117 +5313,132 @@ const EChartsUtilsAll = {
         return option;
     },
     /**
-     * 筛分
+     * 筛分（动态多折线版）
+     * 与 chart50 主体逻辑一致（x轴 0.45 次方变换、按x排序、空值过滤、markLine 模拟x轴标签等），
+     * 区别在于折线数量不再固定为 3 条，而是根据 chartLinesJson 中的折线配置数量动态生成 N 条线：
+     *  - 每条线的图例名取 lineData[i].legend
+     *  - 每条线的颜色取 lineData[i].lineColor
+     *  - 每条线的 Y 数据取 yDataArr[i]
+     *  - 符号与线型按索引循环取预设值（首线保持实心方块+实线，与 chart50 一致）
      * @param config 折线配置
-     * @param xDataArr x轴原始数据（二维数组）
-     * @param yDataArr y轴原始数据（二维数组）
+     * @param xDataArr x轴原始数据（二维数组，取 xDataArr[0] 作为共享x轴）
+     * @param yDataArr y轴原始数据（二维数组，yDataArr[i] 对应第 i 条线）
      * @returns 返回ECharts配置项
      */
     chart50: (config, xDataArr, yDataArr) => {
         let lineData = JSON.parse(config.chartLinesJson);
-        let title = '', //config.chartTitle,
-        xName = config.chartXName, yName = config.chartYName;
-        // x轴原始数据、y轴原始数据、y轴原始数据（上限）、y轴原始数据（下限）
-        const xDataSourceOld = xDataArr[0], yDataSourceOld = yDataArr[0], yDataSourceSxOld = yDataArr[1], yDataSourceXxOld = yDataArr[2];
+        let title = '', xName = config.chartXName, yName = config.chartYName;
+        // 折线数量：以 chartLinesJson 中配置的折线条数为准
+        const lineCount = Array.isArray(lineData) ? lineData.length : 0;
+        // x轴原始数据（共享一份）
+        const xDataSourceOld = xDataArr[0];
         const allData = [];
         xDataSourceOld.forEach((item, index) => {
-            allData.push({
-                x: item,
-                y: yDataSourceOld[index],
-                ySx: yDataSourceSxOld[index],
-                yXx: yDataSourceXxOld[index],
-            });
+            const point = { x: item };
+            // 将每条线的 y 值都收进同一个点对象，key 为 y0/y1/y2...
+            for (let i = 0; i < lineCount; i++) {
+                point['y' + i] = (yDataArr[i] || [])[index];
+            }
+            allData.push(point);
         });
         allData.sort(function (a, b) {
             return a.x - b.x;
         });
-        const xDataSource = [], yDataSource = [], yDataSourceSx = [], yDataSourceXx = [];
-        // 记录上限或下限中值为null的个数
-        let sxValNullCount = 0;
-        yDataSourceSxOld.forEach((item, index) => {
-            if (item == null || item == '/') {
-                sxValNullCount++;
-            }
-        });
-        // 如果上限或下限值中的所有值都为null，则只展示筛分曲线的折线
-        if (sxValNullCount == yDataSourceSxOld.length) {
-            allData.forEach((item, index) => {
-                xDataSource.push(item.x);
-                yDataSource.push(item.y);
-                yDataSourceSx.push(item.ySx);
-                yDataSourceXx.push(item.yXx);
-            });
-        }
-        else {
-            // 只获取上限或下限中值不为null的点
-            allData.forEach((item, index) => {
-                if (item.ySx != null && item.ySx != '/' && item.yXx != null && item.yXx != '/') {
-                    xDataSource.push(item.x);
-                    yDataSource.push(item.y);
-                    yDataSourceSx.push(item.ySx);
-                    yDataSourceXx.push(item.yXx);
+        // 每条线的数据数组
+        const yDataSources = [];
+        for (let i = 0; i < lineCount; i++) {
+            yDataSources.push([]);
+        }
+        // 统计各条线中值为 null 或 "/" 的个数（用于后续空值过滤逻辑，保持与 chart50 一致的行为）
+        const nullCounts = [];
+        for (let i = 0; i < lineCount; i++) {
+            let cnt = 0;
+            (yDataArr[i] || []).forEach((item) => {
+                if (item == null || item == '/') {
+                    cnt++;
                 }
             });
+            nullCounts.push(cnt);
         }
-        // x轴需要的数据（x轴原始数据的0.45次方，并修约0.01）、x轴需要的上限数据（x轴原始数据的0.45次方，并修约0.01）、x轴需要的下限数据（x轴原始数据的0.45次方，并修约0.01）、标记线需要的数据
-        let xData = [], xDataSx = [], xDataXx = [], markLineData = [];
+        // 若任意一条线存在非空值，则按“所有线均非空”过滤出有效点；否则保留全部点（与 chart50 上限/下限过滤逻辑保持语义一致）
+        const hasAnyValid = nullCounts.some((cnt, i) => cnt < (yDataArr[i] || []).length);
+        allData.forEach((item) => {
+            if (!hasAnyValid) {
+                for (let i = 0; i < lineCount; i++) {
+                    yDataSources[i].push(item['y' + i]);
+                }
+                return;
+            }
+            // 存在有效值时，仅当所有线该点均非空才保留
+            let allValid = true;
+            for (let i = 0; i < lineCount; i++) {
+                const v = item['y' + i];
+                if (v == null || v == '/') {
+                    allValid = false;
+                    break;
+                }
+            }
+            if (allValid) {
+                for (let i = 0; i < lineCount; i++) {
+                    yDataSources[i].push(item['y' + i]);
+                }
+            }
+        });
+        // x轴数据：x轴原始数据的0.45次方，并修约0.001
+        let xData = [];
+        let markLineData = [];
         // x和y轴的字体大小
         const xyFontSize = 10;
-        // 组装数据
-        xDataSource.forEach((item, index) => {
-            // 得到x轴原始数据的0.45次方值，并修约0.001
+        // 组装 x 轴与 markLine（所有线共用同一套 x 值）
+        xDataSourceOld.forEach((item, index) => {
             const val045 = Number(EChartsUtilsComm.getRound(item ** 0.45, 0.001));
-            xData.push([val045, yDataSource[index]]);
             markLineData.push({
                 name: item + '',
                 xAxis: val045,
                 label: {
-                    show: xDataSource.length >= 6 && index % 2 != 0 && index < 6 ? false : true, // 控制x轴的名称某些点是否显示，避免重叠的情况
+                    show: xDataSourceOld.length >= 6 && index % 2 != 0 && index < 6 ? false : true,
                     fontSize: xyFontSize,
                 },
             });
-            xDataSx.push([val045, yDataSourceSx[index]]);
-            xDataXx.push([val045, yDataSourceXx[index]]);
+            xData.push(val045);
         });
+        // 符号与线型预设值（循环取用）
+        const symbolPresets = ['rect', 'triangle', 'circle', 'diamond', 'roundRect', 'arrow'];
+        const lineTypePresets = ['solid', 'dotted', [10, 5], 'dashed', [2, 2], [6, 3, 2, 3]];
         /**
-         * 获取series需要的3条线配置
-         * @param type 线类型（1：筛分曲线、2：上限、3：下限）
-         * @param data 对应的坐标点数据
+         * 获取 series 需要的单条线配置（动态版）
+         * @param index 第几条线
+         * @param data 对应的坐标点数据（[x, y]）
          */
-        const getLineObj = (type, data) => {
-            const name = type == 1 ? '筛分曲线' : type == 2 ? '上限' : '下限';
-            const symbol = type == 1 ? 'rect' : type == 2 ? 'triangle' : 'circle';
-            const lineType = type == 1 ? 'solid' : type == 2 ? 'dotted' : [10, 5];
-            const color = type == 1 ? lineData[0].lineColor : type == 2 ? lineData[1].lineColor : lineData[2].lineColor; //type == 1 ? '#F56C6C' : type == 2 ? '#409EFF' : '#000';
+        const getLineObj = (index, data) => {
+            const lineCfg = lineData[index] || {};
+            // 图例名：优先取 lineData[index].legend，其次用序号兜底
+            const name = lineCfg.legend != null && lineCfg.legend !== '' ? lineCfg.legend : '折线' + (index + 1);
+            // 颜色：优先取 lineData[index].lineColor，其次循环取预设色
+            const color = lineCfg.lineColor != null && lineCfg.lineColor !== '' ? lineCfg.lineColor : null;
+            const symbol = symbolPresets[index % symbolPresets.length];
+            const lineType = lineTypePresets[index % lineTypePresets.length];
             let obj = {
                 name: name,
                 type: 'line',
-                smooth: true, // 平滑的线条
-                // 设置数据点形状（实心），参考文档：https://echarts.apache.org/zh/option.html#series-line.symbol
+                smooth: true,
                 symbol: symbol,
                 symbolSize: 5,
-                z: 10, // 控制曲线的浮动层级，避免在markLine下方被遮住
-                // 线条的颜色
+                z: 10,
                 lineStyle: {
                     color: color,
-                    // 线条类型（solid：实线、dashed：粗虚线、dotted：细虚线）
                     type: lineType,
                 },
-                // 线条上数据点的颜色
                 itemStyle: {
                     color: color,
                 },
                 data: data,
-                connectNulls: true, // 是否连接空数据
+                connectNulls: true,
                 markLine: {
-                    symbol: '', // 取消箭头
-                    silent: true, // 取消鼠标hover事件
+                    symbol: '',
+                    silent: true,
                     label: {
-                        // 标线的文本，模拟x轴显示的内容
-                        position: 'start', // 改变label位置
-                        //rotate: 45, // 设置文字旋转度数（注意：ECharts官网文档居然没有rotate这个属性的说明）
-                        // backgroundColor:'#fff'
-                        // color:'#f00',// 文字颜色
+                        position: 'start',
                         formatter: (data) => {
                             return data.name;
                         },
@@ -5439,40 +5454,48 @@ const EChartsUtilsAll = {
         if (xData.length == 0) {
             yValIsAllNull = true;
         }
-        let nullCount = 0;
-        xData.forEach((item) => {
-            if (item[1] == null || item[1] == undefined || item[1] == '/') {
-                nullCount++;
+        // 组装每条线的 [x, y] 坐标点数据
+        const seriesDataList = [];
+        for (let i = 0; i < lineCount; i++) {
+            const linePoints = [];
+            for (let j = 0; j < xData.length; j++) {
+                linePoints.push([xData[j], yDataSources[i][j]]);
             }
-        });
-        if (nullCount == xData.length) {
-            yValIsAllNull = true;
+            seriesDataList.push(linePoints);
         }
-        if (yDataSourceSxOld.some((item) => item != null && item != undefined && item != '/') ||
-            yDataSourceXxOld.some((item) => item != null && item != undefined && item != '/')) {
-            yValIsAllNull = false;
-        }
-        if (xData.filter((x) => x[1] == 0).length == xData.length &&
-            xDataSx.filter((x) => x[1] == 0).length == xDataSx.length &&
-            xDataXx.filter((x) => x[1] == 0).length == xDataXx.length) {
+        let nullCount = 0;
+        seriesDataList.forEach((linePoints) => {
+            linePoints.forEach((item) => {
+                if (item[1] == null || item[1] == undefined || item[1] == '/') {
+                    nullCount++;
+                }
+            });
+        });
+        if (nullCount == xData.length * lineCount) {
             yValIsAllNull = true;
         }
-        if (!yDataArr[0].some((x) => x != '' && x != '/' && x != null && x != undefined) &&
-            !yDataArr[1].some((x) => x != '' && x != '/' && x != null && x != undefined) &&
-            !yDataArr[2].some((x) => x != '' && x != '/' && x != null && x != undefined)) {
+        if (yDataArr.every((arr) => !arr.some((x) => x != '' && x != '/' && x != null && x != undefined))) {
             yValIsAllNull = true;
         }
+        // 图例名称与选中状态（动态）
+        const legendNames = [];
+        const legendSelected = {};
+        for (let i = 0; i < lineCount; i++) {
+            const lineCfg = lineData[i] || {};
+            const name = lineCfg.legend != null && lineCfg.legend !== '' ? lineCfg.legend : '折线' + (i + 1);
+            legendNames.push(name);
+            legendSelected[name] = true;
+        }
+        // series 动态生成
+        const series = seriesDataList.map((linePoints, i) => getLineObj(i, !yValIsAllNull ? linePoints : []));
         let option = {
             grid: {
-                // show: true,// 是否显示外边框线
-                // borderColor: '#f00',// 外边框线颜色
                 top: 20,
                 left: 30,
                 right: 10,
                 bottom: 35,
                 containLabel: true,
             },
-            // 提示框组件，参考文档：https://echarts.apache.org/zh/option.html#tooltip
             tooltip: {
                 trigger: 'axis',
                 formatter: function (datas, ticket) {
@@ -5485,7 +5508,6 @@ const EChartsUtilsAll = {
                     }
                 },
             },
-            // 顶部的标题，参考文档：https://echarts.apache.org/zh/option.html#title
             title: [
                 {
                     show: true,
@@ -5508,29 +5530,22 @@ const EChartsUtilsAll = {
                     },
                 },
             ],
-            // 图例，参考文档：https://echarts.apache.org/zh/option.html#legend
             legend: {
-                // show: !yValIsAllNull,
                 top: '0px',
                 left: 'center',
-                data: ['筛分曲线', '上限', '下限'],
-                selected: {
-                    筛分曲线: true, // 显示
-                    上限: true, // 显示
-                    下限: true, // 显示
-                },
-                selectedMode: 'multiple', // 用于控制图例的选择模式（single：单选、multiple：多选、false：禁止选择）
+                data: legendNames,
+                selected: legendSelected,
+                selectedMode: 'multiple',
             },
             xAxis: {
                 type: 'value',
-                axisTick: { show: false }, // 隐藏刻度线
-                axisLabel: { show: false }, // 隐藏刻度值
-                // 网格线，参考文档：https://echarts.apache.org/zh/option.html#xAxis.splitLine
+                axisTick: { show: false },
+                axisLabel: { show: false },
                 splitLine: {
-                    show: false, // 隐藏分割线
+                    show: false,
                 },
-                min: xData.length > 0 ? (xData[0][0] > 0.2 ? xData[0][0] - 0.2 : 0) : null, //控制x轴的最小值
-                max: xData.length > 0 ? xData[xData.length - 1][0] + 0.1 : null,
+                min: xData.length > 0 ? (xData[0] > 0.2 ? xData[0] - 0.2 : 0) : null,
+                max: xData.length > 0 ? xData[xData.length - 1] + 0.1 : null,
             },
             yAxis: [
                 {
@@ -5542,23 +5557,19 @@ const EChartsUtilsAll = {
                     splitLine: {
                         show: true,
                         lineStyle: {
-                            color: '#e0e6f1', // '#e0e6f1',
+                            color: '#e0e6f1',
                             type: 'solid',
                         },
                     },
                     min: 0,
                     max: 100,
-                    splitNumber: 10, // 设置y轴分隔的段数，如0~100之间默认情况可能会按照0、20、40、60……的间隔显示，设置相应的数字后就会根据实际情况显示的更细，如0、10、20、30……
+                    splitNumber: 10,
                     axisLabel: {
                         fontSize: xyFontSize,
                     },
                 },
             ],
-            series: [
-                getLineObj(1, !yValIsAllNull ? xData : []),
-                getLineObj(2, !yValIsAllNull ? xDataSx : []),
-                getLineObj(3, !yValIsAllNull ? xDataXx : []),
-            ],
+            series: series,
         };
         return option;
     },
@@ -23973,22 +23984,18 @@ const FormulaUtils = {
                     optional: false,
                 },
                 {
-                    name: '目标点x坐标',
-                    repeatable: false,
-                    optional: false,
-                },
-                {
-                    name: '目标点y坐标',
+                    name: '目标点坐标，格式如 (3.5,6.5)',
                     repeatable: false,
                     optional: false,
                 },
             ],
             funCallback: (spread, sheet, retData) => {
-                // 如果传递的参数小于3个，则返回/
-                if (retData.allCellVals.length < 3) {
+                // 如果传递的参数小于2个，则返回/
+                if (retData.allCellVals.length < 2) {
                     return '/';
                 }
-                let points = retData.allCellVals[0], xPoint = retData.allCellVals[1], yPoint = retData.allCellVals[2];
+                const pointStrArr = retData.allCellVals[1].replace('(', '').replace(')', '').split(',');
+                let points = retData.allCellVals[0], xPoint = pointStrArr[0], yPoint = pointStrArr[1];
                 // 1. 格式校验
                 if (typeof points !== 'string' || !points)
                     return '/';