rapid-spreadjs 1.0.104 → 1.0.106

package/dist/index.cjs.js

@@ -8835,6 +8835,518 @@ const EChartsUtilsAll = {
         };
         return option;
     },
+    /**
+     * 土工合成材料（有效孔径）
+     * @param config 折线配置
+     * @param xDataArr x轴原始数据（二维数组）
+     * @param yDataArr y轴原始数据（二维数组）
+     * @returns 返回ECharts配置项
+     */
+    chart470: (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];
+        // 线性内插法函数：根据y值计算对应的x值
+        function interpolateX(targetY, xData, yData) {
+            // 查找目标y值所在区间
+            for (let i = 0; i < yData.length - 1; i++) {
+                if ((yData[i] >= targetY && yData[i + 1] <= targetY) || (yData[i] <= targetY && yData[i + 1] >= targetY)) {
+                    // 线性插值公式: x = x1 + (x2 - x1) * (targetY - y1) / (y2 - y1)
+                    const x1 = xData[i];
+                    const x2 = xData[i + 1];
+                    const y1 = yData[i];
+                    const y2 = yData[i + 1];
+                    return x1 + ((x2 - x1) * (targetY - y1)) / (y2 - y1);
+                }
+            }
+            return null; // 如果目标y值不在数据范围内
+        }
+        // 计算y=5和y=10对应的x值
+        const xAtY5 = interpolateX(5, xData, yData);
+        const xAtY10 = interpolateX(10, xData, yData);
+        // console.log('y=5时，x=' + (xAtY5 ? xAtY5 : ''));
+        // console.log('y=10时，x=' + (xAtY10 ? xAtY10 : ''));
+        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;
+        }
+        // 输出x轴内插值
+        if (chartExtJson != null) {
+            if (chartExtJson.tghcclYxkj5 != null && chartExtJson.tghcclYxkj5 != undefined) {
+                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 ? EChartsUtilsComm.getRound(xAtY10, 0.001) : '/');
+            }
+        }
+        // 配置图表选项
+        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',
+                    },
+                },
+            ],
+            tooltip: {
+                trigger: 'axis',
+                formatter: function (params) {
+                    return `标准颗粒直径: ${params[0].value[0].toFixed(3)} mm<br>过筛率: ${params[0].value[1].toFixed(2)} %`;
+                },
+            },
+            grid: {
+                top: 25,
+                left: 25,
+                right: 15,
+                bottom: 20,
+                containLabel: true,
+            },
+            xAxis: {
+                name: xName,
+                nameLocation: 'end',
+                nameGap: 20,
+                nameTextStyle: {
+                    fontSize: 12,
+                },
+                type: 'log', // 设置为对数坐标轴
+                axisLine: {
+                    lineStyle: {
+                        color: '#333',
+                    },
+                },
+                min: 0.01, // 设置最小值为0.01
+                max: 1, // 设置最大值为1
+                axisLabel: {
+                    formatter: function (value) {
+                        return value.toFixed(2); // 格式化x轴标签显示
+                    },
+                },
+                // 增加纵向网格线
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#f0f0f0',
+                        width: 1,
+                        type: 'solid',
+                    },
+                },
+                // 设置更多的刻度点
+                minorTick: {
+                    show: true,
+                },
+                minorSplitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#f0f0f0',
+                        width: 1,
+                        type: 'solid',
+                    },
+                },
+            },
+            yAxis: {
+                type: 'value', // 普通坐标轴
+                name: yName,
+                nameLocation: 'middle', // 名称居中显示
+                nameGap: 25, // 名称与轴线的距离
+                nameTextStyle: {
+                    fontSize: 12,
+                },
+                axisLine: {
+                    lineStyle: {
+                        color: '#333',
+                    },
+                },
+                min: 0,
+                max: 25,
+                // 保持横向网格线
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#f0f0f0',
+                        width: 1,
+                    },
+                },
+            },
+            series: yValIsAllNull
+                ? []
+                : [
+                    {
+                        name: '孔径分布',
+                        type: 'line',
+                        data: xData.map((x, i) => [x, yData[i]]), // 组合x和y数据
+                        smooth: true, // 平滑曲线
+                        lineStyle: {
+                            width: 2,
+                            type: 'solid', // 实线
+                        },
+                        // 设置数据点样式为实心点
+                        showSymbol: true, // 确保显示数据点
+                        symbol: 'circle', // 实心圆点
+                        symbolSize: 8, // 点的大小
+                        itemStyle: {
+                            color: color, // 数据点颜色
+                            borderColor: '#fff', // 数据点边框颜色
+                            borderWidth: 1, // 数据点边框宽度
+                        },
+                        markPoint: {
+                            symbol: 'circle', // 使用简单的圆点作为标记
+                            symbolSize: 1, // 标记点大小
+                            data: [
+                                {
+                                    name: 'y=5',
+                                    coord: [xAtY5, 5], // 标记点坐标
+                                    value: 5,
+                                    itemStyle: {
+                                        color: 'red', // 红色标记点
+                                    },
+                                    label: {
+                                        show: true,
+                                        formatter: `(${xAtY5.toFixed(3)},5)`, // 显示(x值,y值)
+                                        position: 'right',
+                                        fontSize: 12,
+                                    },
+                                },
+                                {
+                                    name: 'y=10',
+                                    coord: [xAtY10, 10],
+                                    value: 10,
+                                    itemStyle: {
+                                        color: 'red', // 红色标记点
+                                    },
+                                    label: {
+                                        show: true,
+                                        formatter: `(${xAtY10.toFixed(3)},10)`, // 显示(x值,y值)
+                                        position: 'right',
+                                        fontSize: 12,
+                                    },
+                                },
+                            ],
+                        },
+                        markLine: {
+                            symbol: 'none', // 去掉连线箭头
+                            data: [
+                                // y=5的水平虚线（从y轴到点）
+                                [
+                                    {
+                                        coord: [0.01, 5], // 起点：x轴最小值，y=5
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                    {
+                                        coord: [xAtY5, 5], // 终点：标记点的x坐标，y=5
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                ],
+                                // y=5的垂直虚线（从x轴到点）
+                                [
+                                    {
+                                        coord: [xAtY5, 0], // 起点：标记点的x坐标，y轴最小值
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                    {
+                                        coord: [xAtY5, 5], // 终点：标记点的坐标
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                ],
+                                // y=10的水平虚线（从y轴到点）
+                                [
+                                    {
+                                        coord: [0.01, 10], // 起点：x轴最小值，y=10
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                    {
+                                        coord: [xAtY10, 10], // 终点：标记点的x坐标，y=10
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                ],
+                                // y=10的垂直虚线（从x轴到点）
+                                [
+                                    {
+                                        coord: [xAtY10, 0], // 起点：标记点的x坐标，y轴最小值
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                    {
+                                        coord: [xAtY10, 10], // 终点：标记点的坐标
+                                        lineStyle: {
+                                            type: 'dashed',
+                                            color: 'red',
+                                            width: 1,
+                                        },
+                                    },
+                                ],
+                            ],
+                        },
+                    },
+                ],
+        };
+        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;
+    },
 };
 
 /**
@@ -9104,6 +9616,12 @@ const EChartsUtils = {
         else if (config.chartType == 450) {
             option = EChartsUtilsAll.chart450(config, xDataArr, yDataArr);
         }
+        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统计图为图片的场景下时，可能在图表还没有渲染完成（动画效果还没结束）前就要获取图像了，此时可能就会造成获取到的图像内容丢失的情况