rapid-spreadjs 1.0.103 → 1.0.105

package/dist/index.esm.js

@@ -4071,6 +4071,40 @@ const EChartsUtilsAll = {
         xDataSource2 = isTwoLine ? xDataArr[1] : [], // [1.5, 2.4, 3.6, 4.3, 5.4],
         yDataSource1 = yDataArr[0], // [2.25, 2.29, 2.34, 2.29, 2.23],
         yDataSource2 = isTwoLine ? yDataArr[1] : []; // [2.27, 2.32, 2.36, 2.33, 2.26];
+        let xDataLs1 = [], yDataLs1 = [];
+        xDataSource1.forEach((x, index) => {
+            if (x != '/' &&
+                x != 0 &&
+                x != null &&
+                x != undefined &&
+                yDataSource1[index] != '/' &&
+                yDataSource1[index] != 0 &&
+                yDataSource1[index] != null &&
+                yDataSource1[index] != undefined) {
+                xDataLs1.push(x);
+                yDataLs1.push(yDataSource1[index]);
+            }
+        });
+        xDataSource1 = xDataLs1;
+        yDataSource1 = yDataLs1;
+        if (isTwoLine) {
+            let xDataLs2 = [], yDataLs2 = [];
+            xDataSource2.forEach((x, index) => {
+                if (x != '/' &&
+                    x != 0 &&
+                    x != null &&
+                    x != undefined &&
+                    yDataSource2[index] != '/' &&
+                    yDataSource2[index] != 0 &&
+                    yDataSource2[index] != null &&
+                    yDataSource2[index] != undefined) {
+                    xDataLs2.push(x);
+                    yDataLs2.push(yDataSource2[index]);
+                }
+            });
+            xDataSource2 = xDataLs2;
+            yDataSource2 = yDataLs2;
+        }
         let title = config.chartTitle, xName = config.chartXName, yName = config.chartYName, legendName = '图例1';
         const lineFunc = (xDataSource, yDataSource, isShowMarkPoint, isShowMarkLine, isTwoLineData) => {
             //原始数据
@@ -8612,7 +8646,7 @@ const EChartsUtilsAll = {
         return option;
     },
     /**
-     * 最大剪应力与法向应力关系曲线
+     * 土工合成材料（拉拔摩擦特性）
      * @param config 折线配置
      * @param xDataArr x轴原始数据（二维数组）
      * @param yDataArr y轴原始数据（二维数组）
@@ -8779,6 +8813,303 @@ 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 ? xAtY5 : '/');
+            }
+            if (chartExtJson.tghcclYxkj10 != null && chartExtJson.tghcclYxkj10 != undefined) {
+                sheet.setValue(chartExtJson.tghcclYxkj10.row, chartExtJson.tghcclYxkj10.col, xAtY10 ? xAtY10 : '/');
+            }
+        }
+        // 配置图表选项
+        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: 8, // 标记点大小
+                            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;
+    },
 };
 
 /**
@@ -9048,6 +9379,9 @@ 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);
+        }
         if (option && typeof option === 'object') {
             //如果是隐藏的图表，则需要禁用ECharts的动画效果
             //原因是：如果ECharts使用了动画效果，图表渲染完成可能需要0.5秒，但是在导出ECharts统计图为图片的场景下时，可能在图表还没有渲染完成（动画效果还没结束）前就要获取图像了，此时可能就会造成获取到的图像内容丢失的情况