rapid-spreadjs 1.0.105 → 1.0.106

package/dist/index.esm.js

@@ -8860,10 +8860,10 @@ const EChartsUtilsAll = {
         // 输出x轴内插值
         if (chartExtJson != null) {
             if (chartExtJson.tghcclYxkj5 != null && chartExtJson.tghcclYxkj5 != undefined) {
-                sheet.setValue(chartExtJson.tghcclYxkj5.row, chartExtJson.tghcclYxkj5.col, xAtY5 ? xAtY5 : '/');
+                sheet.setValue(chartExtJson.tghcclYxkj5.row, chartExtJson.tghcclYxkj5.col, xAtY5 ? EChartsUtilsComm.getRound(xAtY5, 0.001) : '/');
             }
             if (chartExtJson.tghcclYxkj10 != null && chartExtJson.tghcclYxkj10 != undefined) {
-                sheet.setValue(chartExtJson.tghcclYxkj10.row, chartExtJson.tghcclYxkj10.col, xAtY10 ? xAtY10 : '/');
+                sheet.setValue(chartExtJson.tghcclYxkj10.row, chartExtJson.tghcclYxkj10.col, xAtY10 ? EChartsUtilsComm.getRound(xAtY10, 0.001) : '/');
             }
         }
         // 配置图表选项
@@ -8992,7 +8992,7 @@ const EChartsUtilsAll = {
                         },
                         markPoint: {
                             symbol: 'circle', // 使用简单的圆点作为标记
-                            symbolSize: 8, // 标记点大小
+                            symbolSize: 1, // 标记点大小
                             data: [
                                 {
                                     name: 'y=5',
@@ -9110,6 +9110,221 @@ const EChartsUtilsAll = {
         };
         return option;
     },
+    /**
+     * 温度-针入度曲线
+     * @param config 折线配置
+     * @param xDataArr x轴原始数据（二维数组）
+     * @param yDataArr y轴原始数据（二维数组）
+     * @returns 返回ECharts配置项
+     */
+    chart490: (config, xDataArr, yDataArr, sheet) => {
+        let lineData = JSON.parse(config.chartLinesJson);
+        const chartExtJson = config.chartExtJson == null || config.chartExtJson == undefined ? null : JSON.parse(config.chartExtJson);
+        let title = config.chartTitle, xName = config.chartXName, yName = config.chartYName, color = lineData[0].lineColor;
+        // 原始数据
+        const xData = xDataArr[0];
+        const yData = yDataArr[0];
+        // 手动计算线性回归参数
+        function linearRegression(x, y) {
+            const n = x.length;
+            const xMean = x.reduce((sum, val) => sum + val, 0) / n;
+            const yMean = y.reduce((sum, val) => sum + val, 0) / n;
+            let numerator = 0;
+            let denominator = 0;
+            for (let i = 0; i < n; i++) {
+                numerator += (x[i] - xMean) * (y[i] - yMean);
+                denominator += (x[i] - xMean) * (x[i] - xMean);
+            }
+            const slope = numerator / denominator;
+            const intercept = yMean - slope * xMean;
+            return { slope, intercept };
+        }
+        function calculateRSquared(x, y, slope, intercept) {
+            const n = x.length;
+            const yMean = y.reduce((sum, val) => sum + val, 0) / n;
+            let totalSumOfSquares = 0;
+            let residualSumOfSquares = 0;
+            for (let i = 0; i < n; i++) {
+                totalSumOfSquares += Math.pow(y[i] - yMean, 2);
+                const yPredicted = slope * x[i] + intercept;
+                residualSumOfSquares += Math.pow(y[i] - yPredicted, 2);
+            }
+            return 1 - residualSumOfSquares / totalSumOfSquares;
+        }
+        const logYData = yData.map((y) => Math.log10(y));
+        const regressionParams = linearRegression(xData, logYData);
+        const rSquared = calculateRSquared(xData, logYData, regressionParams.slope, regressionParams.intercept);
+        // document.getElementById('formulaDisplay').innerHTML = `公式: log<sub>10</sub>(y) = ${regressionParams.slope.toFixed(
+        //   4
+        // )}x + ${regressionParams.intercept.toFixed(4)}<br> R² = ${rSquared.toFixed(4)}`;
+        let yValIsAllNull = false;
+        if (xData.length == 0 ||
+            yData.length == 0 ||
+            (!xData.some((x) => x != '' && x != '/' && x != null && x != undefined) &&
+                !yData.some((x) => x != '' && x != '/' && x != null && x != undefined))) {
+            yValIsAllNull = true;
+        }
+        if (xData.filter((x) => x == 0).length == xData.length || yData.filter((x) => x == 0).length == yData.length) {
+            yValIsAllNull = true;
+        }
+        // 1. 定义期望显示网格线的Y轴数值（在对数空间中是均匀的，对应实际空间中的特定值）
+        const customGridLines = yValIsAllNull ? [] : [30, 70, 100, 150, 200];
+        // 2. 为markLine准备数据
+        const markLineData = customGridLines.map((value) => ({
+            yAxis: value, // 标记线的位置（实际值）
+            label: {
+                show: true,
+                formatter: '{c}', // 显示数值
+            },
+            lineStyle: {
+                color: '#e0e0e0',
+                width: 1,
+                type: 'solid',
+            },
+        }));
+        // 输出x轴内插值
+        if (chartExtJson != null) {
+            if (chartExtJson.wdzrdXlA != null && chartExtJson.wdzrdXlA != undefined) {
+                sheet.setValue(chartExtJson.wdzrdXlA.row, chartExtJson.wdzrdXlA.col, regressionParams.slope ? EChartsUtilsComm.getRound(regressionParams.slope, 0.0001) : '/');
+            }
+            if (chartExtJson.wdzrdCsB != null && chartExtJson.wdzrdCsB != undefined) {
+                sheet.setValue(chartExtJson.wdzrdCsB.row, chartExtJson.wdzrdCsB.col, regressionParams.intercept ? EChartsUtilsComm.getRound(regressionParams.intercept, 0.0001) : '/');
+            }
+            if (chartExtJson.wdzrdXsR != null && chartExtJson.wdzrdXsR != undefined) {
+                sheet.setValue(chartExtJson.wdzrdXsR.row, chartExtJson.wdzrdXsR.col, rSquared ? EChartsUtilsComm.getRound(rSquared, 0.0001) : '/');
+            }
+        }
+        const option = {
+            title: [
+                {
+                    show: true,
+                    text: title,
+                    left: 'center',
+                    top: 2,
+                    textStyle: {
+                        fontSize: 14,
+                        fontWeight: 'normal',
+                    },
+                },
+                {
+                    show: true,
+                    text: xName,
+                    left: 'center',
+                    bottom: 0,
+                    textStyle: {
+                        fontSize: 12,
+                        fontWeight: 'normal',
+                    },
+                },
+            ],
+            grid: {
+                top: 25,
+                left: yValIsAllNull ? 20 : 40,
+                right: 15,
+                bottom: 20,
+                containLabel: true,
+            },
+            xAxis: {
+                type: 'value',
+                name: xName,
+                min: Math.min(...xData),
+                //max: 35
+            },
+            yAxis: {
+                type: 'log',
+                name: yName,
+                nameLocation: 'middle', // 名称居中显示
+                nameGap: yValIsAllNull ? 5 : 25, // 名称与轴线的距离
+                logBase: 10,
+                min: 10,
+                min: function (value) {
+                    // 确保最小值不会太小
+                    return Math.max(1, Math.pow(10, Math.floor(Math.log10(value.min))));
+                },
+                max: function (value) {
+                    const maxValue = value.max;
+                    // 处理特殊情况
+                    if (maxValue <= 0)
+                        return 100;
+                    // 计算对数值
+                    const logValue = Math.log10(maxValue);
+                    const exponent = Math.floor(logValue);
+                    const fraction = logValue - exponent;
+                    // 根据小数部分决定如何取整
+                    let maxExponent;
+                    if (fraction < 0.3) {
+                        maxExponent = exponent + 0.3; // 使用5倍关系
+                    }
+                    else if (fraction < 0.7) {
+                        maxExponent = exponent + 1; // 使用10倍关系
+                    }
+                    else {
+                        maxExponent = exponent + 1.5; // 使用30倍关系，为大数据留更多空间
+                    }
+                    return Math.pow(10, maxExponent);
+                },
+                // 关键步骤：抑制默认的y轴网格线和部分标签，让markLine主导
+                splitLine: {
+                    show: false, // 隐藏y轴默认的网格线
+                },
+                axisLabel: {
+                    show: false,
+                    // 可以控制只显示某些主要刻度，或者也设为false完全自定义
+                    // interval: 0,
+                    // 或者使用formatter精细控制，这里我们先展示默认标签
+                },
+                zlevel: 1,
+                minorSplitLine: { show: false }, // 隐藏次要网格线
+            },
+            series: [
+                {
+                    name: '原始数据',
+                    type: 'scatter',
+                    data: xData.map((x, i) => [x, yData[i]]),
+                    symbolSize: 6,
+                    zlevel: 4,
+                    itemStyle: { color: color },
+                },
+                {
+                    name: '趋势线',
+                    type: 'line',
+                    data: (() => {
+                        const minX = Math.min(...xData);
+                        const maxX = Math.max(...xData);
+                        const trendlineData = [];
+                        for (let x = minX; x <= maxX; x += 0.5) {
+                            const logY = regressionParams.slope * x + regressionParams.intercept;
+                            const y = Math.pow(10, logY);
+                            trendlineData.push([x, y]);
+                        }
+                        return trendlineData;
+                    })(),
+                    showSymbol: false,
+                    lineStyle: { color: color, width: 1 },
+                    // 关键修改：提升趋势线的绘制层级，确保它显示在网格线之上
+                    zlevel: 5, // 这个值大于网格线所在的层级即可
+                },
+                {
+                    // 关键步骤：添加一个透明的系列，专门用于承载markLine
+                    name: '自定义网格线',
+                    type: 'line',
+                    data: [], // 没有实际数据点
+                    markLine: {
+                        symbol: 'none', // 线条两端不显示符号
+                        lineStyle: { color: '#e0e0e0', width: 1, type: 'solid' },
+                        label: {
+                            show: true,
+                            position: 'start',
+                            formatter: '{c}', // 标签显示数值
+                        },
+                        data: markLineData, // 使用我们自定义的网格线数据
+                    },
+                    silent: true, // 此系列不响应鼠标事件
+                },
+            ],
+        };
+        return option;
+    },
 };
 
 /**
@@ -9382,6 +9597,9 @@ const EChartsUtils = {
         else if (config.chartType == 470) {
             option = EChartsUtilsAll.chart470(config, xDataArr, yDataArr, sheet);
         }
+        else if (config.chartType == 490) {
+            option = EChartsUtilsAll.chart490(config, xDataArr, yDataArr, sheet);
+        }
         if (option && typeof option === 'object') {
             //如果是隐藏的图表，则需要禁用ECharts的动画效果
             //原因是：如果ECharts使用了动画效果，图表渲染完成可能需要0.5秒，但是在导出ECharts统计图为图片的场景下时，可能在图表还没有渲染完成（动画效果还没结束）前就要获取图像了，此时可能就会造成获取到的图像内容丢失的情况