rapid-spreadjs 1.0.72 → 1.0.74

package/dist/index.esm.js

@@ -8093,7 +8093,7 @@ const EChartsUtilsAll = {
                 {
                     show: true,
                     text: title,
-                    left: 'center',
+                    left: '100px',
                     top: 5,
                     textStyle: {
                         fontSize: 12,
@@ -8150,6 +8150,199 @@ const EChartsUtilsAll = {
         };
         return option;
     },
+    /**
+     * 氧化镁含量标准回归曲线方程
+     * @param config 折线配置
+     * @param xDataArr x轴原始数据（二维数组）
+     * @param yDataArr y轴原始数据（二维数组）
+     * @returns 返回ECharts配置项
+     */
+    chart410: (config, xDataArr, yDataArr, sheet) => {
+        let lineData = JSON.parse(config.chartLinesJson);
+        const chartExtJson = config.chartExtJson == null || config.chartExtJson == undefined ? null : JSON.parse(config.chartExtJson);
+        //y轴原始数据
+        let yDataSource = yDataArr[0]; // [1.2, 5.6, 10.8, 16, 20.8];
+        let title = config.chartTitle, xName = config.chartXName, yName = config.chartYName, legendName = '图例1';
+        //x轴的数据
+        let xData = xDataArr[0]; // [0, 2, 4, 6, 8];
+        //重新处理x轴和y轴的数据，排除x轴后面为0的数据（因为有可能在单元格中，最后一个单元格的值可能没有填，这时候默认传的是0）
+        let xDataCl = [], yDataSourceCl = [];
+        for (let i = 0; i < xData.length; i++) {
+            if (xData[i] != '/' && (i == 0 || (i > 0 && xData[i] != 0))) {
+                xDataCl.push(xData[i]);
+                yDataSourceCl.push(yDataSource[i]);
+            }
+            else if (i > 0 && xData[i] == 0) {
+                break;
+            }
+        }
+        xData = xDataCl;
+        yDataSource = yDataSourceCl;
+        //series的data数据、series的markPoint的data数据、series的markLine的data数据
+        let seriesData = [], markPointData = [], markLineData = [...xData];
+        //此目的是显示更多的x轴数据
+        //假设x轴原始数据为[0, 2, 4, 6, 8]，在这个数组中没有1、3、5等数据，此时就可以通过下面的方式进行增加
+        /*
+            for (let i = 0; i < 20; i++) {
+                if (!markLineData.some((item) => item == i)) {
+                    markLineData.push(i);
+                }
+            }
+            */
+        //获取y轴趋势公式对象
+        const gsS = EChartsUtilsComm.calcTrend(xData, yDataSource, xData[0]);
+        //输出方程表达式
+        if (chartExtJson != null) {
+            if (chartExtJson.jxhslSnShScfc != null && chartExtJson.jxhslSnShScfc != undefined) {
+                // console.log('输出公式：',`Y=${getRound(gsS.xl,0.0001)}X+${getRound(gsS.jj,0.0001)}`)
+                if (gsS.xl == '' || gsS.jj == '') {
+                    sheet.setValue(chartExtJson.jxhslSnShScfc.row, chartExtJson.jxhslSnShScfc.col, '/');
+                }
+                else {
+                    sheet.setValue(chartExtJson.jxhslSnShScfc.row, chartExtJson.jxhslSnShScfc.col, `Y=${EChartsUtilsComm.getRound(gsS.xl, 0.0001)}X+${EChartsUtilsComm.getRound(gsS.jj, 0.0001)}`);
+                }
+            }
+        }
+        let yDataCopy = [];
+        //获取y轴原始数据对应的趋势数据
+        xData.forEach((item, index) => {
+            let curYData = Number(EChartsUtilsComm.getRound(eval(gsS.gs.replace('x', item + '')), 0.01));
+            if (isNaN(curYData)) {
+                curYData = 0;
+            }
+            // seriesData.push([item, curYData]);
+            seriesData.push([item, yDataSource[index]]);
+            yDataCopy.push(curYData);
+            markPointData.push({
+                xAxis: item,
+                yAxis: yDataSource[index],
+                symbol: 'circle',
+                symbolSize: 6,
+            });
+            //console.log(curYData, "curYData")
+        });
+        let yValIsAllNull = false;
+        if (xData.length == 0) {
+            yValIsAllNull = true;
+        }
+        let nullCount = 0;
+        xData.forEach((item) => {
+            if (item[1] == 0 || item[1] == null || item[1] == undefined) {
+                nullCount++;
+            }
+        });
+        if (nullCount == xData.length) {
+            yValIsAllNull = true;
+        }
+        if (yDataCopy.some((item) => item != 0 || item[1] == null || item[1] == undefined)) {
+            yValIsAllNull = false;
+        }
+        let option = {
+            grid: {
+                // show: true,//是否显示外边框线
+                // borderColor: '#f00',//外边框线颜色
+                top: 22,
+                left: !yValIsAllNull ? 30 : 25,
+                right: 10,
+                bottom: 35,
+                containLabel: true,
+            },
+            //提示框组件，参考文档：https://echarts.apache.org/zh/option.html#tooltip
+            tooltip: {
+                trigger: 'axis',
+                formatter: function (datas, ticket) {
+                    return datas && datas.length > 0 ? datas[0].value[0] + '：' + datas[0].value[1] : datas[0].data;
+                },
+            },
+            //顶部的标题，参考文档：https://echarts.apache.org/zh/option.html#title
+            title: [
+                {
+                    show: true,
+                    text: title,
+                    left: 'center',
+                    top: 0,
+                    textStyle: {
+                        fontSize: 14,
+                        fontWeight: 'normal',
+                    },
+                },
+                {
+                    show: true,
+                    text: xName,
+                    left: 'center',
+                    bottom: 0,
+                    textStyle: {
+                        fontSize: 12,
+                        fontWeight: 'normal',
+                    },
+                },
+            ],
+            //图例，参考文档：https://echarts.apache.org/zh/option.html#legend
+            legend: {
+                show: false,
+                left: 'right',
+                data: [legendName],
+                selected: {
+                    legendName: true, //显示
+                },
+                selectedMode: 'multiple', //用于控制图例的选择模式（single：单选、multiple：多选、false：禁止选择）
+            },
+            xAxis: {
+                type: 'value',
+                splitLine: { show: false }, // 隐藏分割线
+                axisLabel: { show: false }, // 隐藏刻度值
+            },
+            yAxis: [
+                {
+                    type: 'value',
+                    name: yName,
+                    nameGap: !yValIsAllNull ? 30 : 5,
+                    nameRotate: 90,
+                    nameLocation: 'middle',
+                },
+            ],
+            series: [
+                {
+                    name: legendName,
+                    type: 'line',
+                    smooth: true, //平滑的线条
+                    //设置数据点形状（实心），参考文档：https://echarts.apache.org/zh/option.html#series-line.symbol
+                    symbol: 'circle', //符号类型
+                    symbolSize: 6, //符号大小
+                    //线条的颜色
+                    lineStyle: {
+                        color: lineData[0].lineColor,
+                        //线条类型（solid：实线、dashed：粗虚线、dotted：细虚线）
+                        type: 'dotted',
+                    },
+                    //线条上数据点的颜色
+                    itemStyle: {
+                        color: lineData[0].lineColor,
+                        opacity: 0,
+                    },
+                    data: seriesData,
+                    markPoint: {
+                        data: markPointData,
+                    },
+                    markLine: {
+                        symbol: false, //取消箭头
+                        silent: true, //取消鼠标hover事件
+                        label: {
+                            position: 'start', //改变label位置
+                            formatter: (obj) => obj.value, //格式化显示的x轴标签内容
+                        },
+                        lineStyle: { color: '#ddd', type: 'solid' },
+                        data: markLineData.map((val) => {
+                            return {
+                                xAxis: val,
+                            };
+                        }),
+                    },
+                },
+            ],
+        };
+        return option;
+    },
 };
 
 /**