rapid-spreadjs 1.0.57 → 1.0.59

package/dist/index.esm.js

@@ -7849,6 +7849,201 @@ const EChartsUtilsAll = {
         };
         return option;
     },
+    /**
+     * 土工合成材料（垂直渗透系数）
+     * @param config 折线配置
+     * @param xDataArr x轴原始数据（二维数组）
+     * @param yDataArr y轴原始数据（二维数组）
+     * @returns 返回ECharts配置项
+     */
+    chart370: (config, xDataArr, yDataArr, sheet) => {
+        let lineData = JSON.parse(config.chartLinesJson);
+        const chartExtJson = config.chartExtJson == null || config.chartExtJson == undefined ? null : JSON.parse(config.chartExtJson);
+        // console.log(config);
+        // 多项式阶数
+        let dxsJs = chartExtJson != null ? chartExtJson.dxsJs : 5;
+        // 趋势线和标注点的颜色
+        const linePointColor = lineData[0].lineColor;
+        // 原始数据
+        var xData = xDataArr[0]; //[0.26, 0.16, 0.22, 0.22, 0.17];
+        var yData = yDataArr[0]; // [90, 56, 42, 28, 14];
+        /*var xData = [];
+            var yData = [];*/
+        // 计算多项式回归系数（强制截距为0）：y = a*x^2 + b*x
+        var sum_x4 = 0, sum_x3 = 0, sum_x2 = 0, sum_x2y = 0, sum_xy = 0;
+        for (var i = 0; i < xData.length; i++) {
+            var x = xData[i];
+            var y = yData[i];
+            var x2 = x * x;
+            var x3 = x2 * x;
+            var x4 = x3 * x;
+            sum_x4 += x4;
+            sum_x3 += x3;
+            sum_x2 += x2;
+            sum_x2y += x2 * y;
+            sum_xy += x * y;
+        }
+        // 解方程：a * Σx^4 + b * Σx^3 = Σx^2y ; a * Σx^3 + b * Σx^2 = Σxy
+        var det = sum_x4 * sum_x2 - sum_x3 * sum_x3; // 行列式
+        var a = (sum_x2y * sum_x2 - sum_xy * sum_x3) / det;
+        var b = (sum_x4 * sum_xy - sum_x3 * sum_x2y) / det;
+        // 计算当 y=50 时的 x 值：解方程 a*x^2 + b*x - 50 = 0
+        var discriminant = b * b + 4 * a * 50; // 判别式 D = b^2 + 4*a*50
+        var x50 = (-b + Math.sqrt(discriminant)) / (dxsJs * a); // 取正根（基于数据范围）
+        // 验证根的有效性（确保在数据范围内）
+        if (x50 < 0 || x50 > Math.max(...xData) + Math.min(...xData)) {
+            x50 = (-b - Math.sqrt(discriminant)) / (dxsJs * a); // 尝试负根
+        }
+        // 生成趋势线数据点（从 x=0 开始，后推 0.16）
+        var trendLineX = [];
+        var trendLineY = [];
+        var xStart = 0; // 从 x=0 开始
+        var xEnd = Math.max(...xData) + Math.min(...xData); // 后推 0.16
+        for (var x = xStart; x <= xEnd; x += 0.01) {
+            trendLineX.push(x);
+            trendLineY.push(a * x * x + b * x); // y = a*x^2 + b*x
+        }
+        // 判断y轴数据是否为/、‘’、null、undefined或者没有数据
+        let yValIsAllNull = false;
+        if (trendLineY.length == 0) {
+            yValIsAllNull = true;
+        }
+        else {
+            let noDataCount = 0;
+            trendLineY.forEach((item) => {
+                if (item == null || item == undefined || item == '/' || item == '') {
+                    noDataCount++;
+                }
+            });
+            if (noDataCount == trendLineY.length) {
+                yValIsAllNull = true;
+            }
+        }
+        const seriesData = trendLineX.map((x, idx) => [x, trendLineY[idx]]);
+        // 默认输出精度
+        let outJdDzvi = 0.01;
+        // 输出数据
+        let outValDzvi = 0;
+        // 设置Sheet单元格的值（输出：单值VI₅₀（mm/s））
+        if (chartExtJson != null) {
+            if (chartExtJson.jsDzviJd != null && chartExtJson.jsDzviJd != undefined) {
+                outJdDzvi = chartExtJson.jsDzviJd;
+            }
+            outValDzvi = EChartsUtilsComm.getRound(x50, outJdDzvi);
+            sheet.setValue(chartExtJson.jsDzvi.row, chartExtJson.jsDzvi.col, outValDzvi);
+        }
+        // 配置图表选项
+        var option = {
+            title: [
+                /*{
+                            text: '散点图与多项式趋势线 (y = ax² + bx, 截距=0)',
+                            left: 'center',
+                            textStyle: { fontSize: 14 }
+                        },*/
+                {
+                    show: true,
+                    text: 'V₂₀(mm/s)',
+                    left: 'center',
+                    bottom: 0,
+                    textStyle: {
+                        fontSize: 12,
+                        fontWeight: 'normal',
+                    },
+                },
+            ],
+            grid: {
+                // show: true,//是否显示外边框线
+                // borderColor: '#f00',//外边框线颜色
+                top: 10,
+                left: !yValIsAllNull ? 25 : 25,
+                right: 10,
+                bottom: 20,
+                containLabel: true,
+            },
+            /*tooltip: {
+                      trigger: 'item',
+                      formatter: function (params) {
+                          if (params.seriesName === '趋势线') {
+                              return '趋势线<br/>x: ' + params.value[0].toFixed(3) + ', y: ' + params.value[1].toFixed(3);
+                          } else if (params.seriesName === '散点') {
+                              return '数据点<br/>x: ' + params.value[0].toFixed(3) + ', y: ' + params.value[1].toFixed(3);
+                          }
+                          return params.name + ': ' + params.value;
+                      }
+                  },*/
+            xAxis: {
+                type: 'value',
+                name: 'X轴',
+                min: 0, // 从 x=0 开始
+                max: xEnd, // 扩展到后推位置
+                axisLine: { show: true },
+            },
+            yAxis: {
+                type: 'value',
+                name: 'Δh (mm)',
+                nameGap: !yValIsAllNull ? 30 : 5,
+                nameRotate: 90,
+                nameLocation: 'middle',
+                min: 0, // 向下多显示 -10
+                max: Math.max(...yData) + 10, // 基于数据最大值
+                interval: 10, // 设置刻度间隔为10
+                axisLine: { show: true },
+            },
+            series: [
+                /*{
+                            name: '散点',
+                            type: 'scatter',
+                            data: xData.map((x, idx) => [x, yData[idx]]), // 散点数据
+                            symbolSize: 8,
+                            itemStyle: { color: '#5470c6' }
+                        },*/
+                {
+                    name: '趋势线',
+                    type: 'line',
+                    data: seriesData, // 趋势线数据
+                    symbol: 'none', // 不显示数据点标记
+                    lineStyle: {
+                        color: linePointColor,
+                        // width: 2,
+                        type: 'solid', // 实线
+                    },
+                    smooth: true, // 平滑曲线
+                },
+                {
+                    name: 'y=50 标注点',
+                    type: 'scatter',
+                    data: [[x50, 50]], // 标注点位置
+                    symbolSize: 10,
+                    itemStyle: { color: linePointColor },
+                    label: {
+                        show: true,
+                        position: 'right',
+                        formatter: '(' + x50.toFixed(2) + ', 50)', // 显示坐标
+                        color: '#333',
+                        fontSize: 12,
+                    },
+                    markLine: {
+                        symbol: 'none', // 不显示箭头
+                        lineStyle: {
+                            color: '#333',
+                            type: 'dashed',
+                            width: 1,
+                        },
+                        data: [
+                            // 横向虚线：从(0,50)到(x50,50)
+                            [{ coord: [0, 50] }, { coord: [x50, 50] }],
+                            // 纵向虚线：从(x50,50)到(x50,-10)
+                            [{ coord: [x50, 50] }, { coord: [x50, 0] }],
+                        ],
+                    },
+                },
+            ],
+        };
+        // console.log('输出公式：', 'y = ' + a.toFixed(4) + 'x² + ' + b.toFixed(4) + 'x');
+        // console.log('当 y=50 时，x 的计算公式：', 'x = [-b ± √(b² + 4a*50)] / (2a)');
+        // console.log('计算值x =', x50.toFixed(2));
+        return option;
+    },
 };
 
 /**
@@ -8094,6 +8289,9 @@ const EChartsUtils = {
         else if (config.chartType == 350) {
             option = EChartsUtilsAll.chart350(config, xDataArr, yDataArr);
         }
+        else if (config.chartType == 370) {
+            option = EChartsUtilsAll.chart370(config, xDataArr, yDataArr, sheet);
+        }
         if (option && typeof option === 'object') {
             //如果是隐藏的图表，则需要禁用ECharts的动画效果
             //原因是：如果ECharts使用了动画效果，图表渲染完成可能需要0.5秒，但是在导出ECharts统计图为图片的场景下时，可能在图表还没有渲染完成（动画效果还没结束）前就要获取图像了，此时可能就会造成获取到的图像内容丢失的情况