feat: 线性拟合图

0afd5b92 · 祖铭松 · 693ce04b · 0afd5b92 · 0afd5b92 · 0afd5b92
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
      "version": "0.0.0",
      "dependencies": {
        "@element-plus/icons-vue": "^2.1.0",
+        "@observablehq/plot": "^0.6.11",
        "anychart": "^8.11.1",
        "axios": "^1.4.0",
        "d3": "^4.5.0",
@@ -431,6 +432,363 @@
      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
    },
+    "node_modules/@observablehq/plot": {
+      "version": "0.6.11",
+      "resolved": "https://registry.npmjs.org/@observablehq/plot/-/plot-0.6.11.tgz",
+      "integrity": "sha512-7f43OizjVcno6/lZ+IC/bIceud9ZYJa7PCnZTjHCf3utcaGXgLqC1qxpYLzNZTnVHpKTFfqoPY/jOuFC/kSWgA==",
+      "dependencies": {
+        "d3": "^7.8.0",
+        "interval-tree-1d": "^1.0.0",
+        "isoformat": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.5.tgz",
+      "integrity": "sha512-JgoahDG51ncUfJu6wX/1vWQEqOflgXyl4MaHqlcSruTez7yhaRKR9i8VjjcQGeS2en/jnFivXuaIMnseMMt0XA==",
+      "dependencies": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "dependencies": {
+        "d3-path": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@observablehq/plot/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/@popperjs/core": {
      "name": "@sxzz/popperjs-es",
      "version": "2.11.7",
@@ -663,6 +1021,11 @@
        "proxy-from-env": "^1.1.0"
      }
    },
+    "node_modules/binary-search-bounds": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/binary-search-bounds/-/binary-search-bounds-2.0.5.tgz",
+      "integrity": "sha512-H0ea4Fd3lS1+sTEB2TgcLoK21lLhwEJzlQv3IN47pJS976Gx4zoWe0ak3q+uYh60ppQxg9F16Ri4tS1sfD4+jA=="
+    },
    "node_modules/combined-stream": {
      "version": "1.0.8",
      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -762,6 +1125,39 @@
      "resolved": "https://registry.npmmirror.com/d3-color/-/d3-color-1.0.3.tgz",
      "integrity": "sha512-t+rSOrshj6m2AUOe8kHvTwfUQ5TFoInEkBfmsHHAHPof58dmbRXNpicB7XAyPbMQbcC7i09p2BxeCEdgBd8xmw=="
    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "dependencies": {
+        "d3-array": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour/node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
    "node_modules/d3-dispatch": {
      "version": "1.0.3",
      "resolved": "https://registry.npmmirror.com/d3-dispatch/-/d3-dispatch-1.0.3.tgz",
@@ -802,6 +1198,17 @@
      "resolved": "https://registry.npmmirror.com/d3-ease/-/d3-ease-1.0.3.tgz",
      "integrity": "sha512-io3QwOJwVPAxRF2UXpKpCdz2wm/7VLFCQQ1yy+GzX6YCtt3vi2BGnimI8agSF5jyUrHsADyF303d2S+ps7zU8w=="
    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
    "node_modules/d3-force": {
      "version": "1.1.0",
      "resolved": "https://registry.npmmirror.com/d3-force/-/d3-force-1.1.0.tgz",
@@ -889,6 +1296,18 @@
        "d3-time-format": "2"
      }
    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
+      "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
    "node_modules/d3-selection": {
      "version": "1.3.0",
      "resolved": "https://registry.npmmirror.com/d3-selection/-/d3-selection-1.3.0.tgz",
@@ -955,6 +1374,14 @@
      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz",
      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
    },
+    "node_modules/delaunator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz",
+      "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==",
+      "dependencies": {
+        "robust-predicates": "^3.0.0"
+      }
+    },
    "node_modules/delayed-stream": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -1086,6 +1513,27 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/interval-tree-1d": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/interval-tree-1d/-/interval-tree-1d-1.0.4.tgz",
+      "integrity": "sha512-wY8QJH+6wNI0uh4pDQzMvl+478Qh7Rl4qLmqiluxALlNvl+I+o5x38Pw3/z7mDPTPS1dQalZJXsmbvxx5gclhQ==",
+      "dependencies": {
+        "binary-search-bounds": "^2.0.0"
+      }
+    },
+    "node_modules/isoformat": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/isoformat/-/isoformat-0.2.1.tgz",
+      "integrity": "sha512-tFLRAygk9NqrRPhJSnNGh7g7oaVWDwR0wKh/GM2LgmPa50Eg4UfyaCO4I8k6EqJHl1/uh2RAD6g06n5ygEnrjQ=="
+    },
    "node_modules/js-cookie": {
      "version": "3.0.5",
      "resolved": "https://registry.npmmirror.com/js-cookie/-/js-cookie-3.0.5.tgz",
@@ -1209,6 +1657,11 @@
      "resolved": "https://registry.npmmirror.com/pubsub-js/-/pubsub-js-1.9.4.tgz",
      "integrity": "sha512-hJYpaDvPH4w8ZX/0Fdf9ma1AwRgU353GfbaVfPjfJQf1KxZ2iHaHl3fAUw1qlJIR5dr4F3RzjGaWohYUEyoh7A=="
    },
+    "node_modules/robust-predicates": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
+      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="
+    },
    "node_modules/rollup": {
      "version": "3.29.4",
      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-3.29.4.tgz",

--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
  },
  "dependencies": {
    "@element-plus/icons-vue": "^2.1.0",
+    "@observablehq/plot": "^0.6.11",
    "anychart": "^8.11.1",
    "axios": "^1.4.0",
    "d3": "^4.5.0",

--- a/src/components/LinearFitting/components/chart.vue
+++ b/src/components/LinearFitting/components/chart.vue
+<template>
+    <div ref="chartRef"></div>
+</template>
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue';
+import * as Plot from '@observablehq/plot';
+// import * as d3 from 'd3';
+import { chartData } from '../mock';
+import PubSub from 'pubsub-js';
+// 根节点实例
+const chartRef = ref(null);
+// 配置项数据
+const options = ref({});
+// pubsub实例
+const pubSubInstance = ref(null);
+// plot实例
+const plotInstance = ref(null);
+// 生成图表
+const generateChart = (data) => {
+    const ret = options.value;
+    // console.log(ret);
+    // 点，线，阴影颜色设置
+    let point_color = '#FF5733';
+    let line_color = '#39FDBE';
+    let shadow_color = '#D6D6D6';
+    if (ret.data_color_list?.length) {
+        point_color = ret.data_color_list[0];
+        line_color = ret.data_color_list[1];
+        shadow_color = ret.data_color_list[2];
+    }
+    plotInstance.value = Plot.plot({
+        width: ret.chart_width || 800,
+        height: ret.chart_height || 600,
+        marginTop: ret.margin_top || 60,
+        marginRight: ret.margin_right || 60,
+        marginBottom: ret.margin_bottom || 60,
+        marginLeft: ret.margin_left || 60,
+        color: {
+            legend: ret.show_legend
+        },
+        x: {
+            grid: ret.show_x_gridLine
+        },
+        y: {
+            grid: ret.show_y_gridLine
+        },
+        marks: [
+            Plot.ruleX([0]),
+            Plot.ruleY([-1]),
+            Plot.axisX({
+                label: !!ret.x_title ? ret.x_title : null,
+                stroke: ret.x_tickMarks_color || 'currentColor',
+                tickSize: ret.show_x_tickMarks ? ret.x_tickMarks_length : 0,
+                fill: ret.xtitle_font_color || 'currentColor',
+                fontSize: ret.xtitle_font_size || 16,
+                fontStyle: ret.xtitle_font_style ? 'oblique' : 'normal',
+                fontFamily: ret.xtitle_font_family || 'Arial',
+                fontWeight: ret.xtitle_font_weight ? 'bold' : 'normal'
+            }),
+            Plot.axisY({
+                label: !!ret.y_title ? ret.y_title : null,
+                stroke: ret.y_tickMarks_color || 'currentColor',
+                tickSize: ret.show_x_tickMarks ? ret.y_tickMarks_length : 0,
+                fill: ret.ytitle_font_color || 'currentColor',
+                fontSize: ret.ytitle_font_size || 16,
+                fontStyle: ret.ytitle_font_style ? 'oblique' : 'normal',
+                fontFamily: ret.ytitle_font_family || 'Arial',
+                fontWeight: ret.ytitle_font_weight ? 'bold' : 'normal'
+            }),
+            Plot.dot(data, { x: 'x', y: 'y', fill: point_color, r: ret.point_radius || 5 }),
+            Plot.linearRegressionY(data, {
+                x: 'x',
+                y: 'y',
+                stroke: line_color,
+                fill: shadow_color,
+                fillOpacity: ret.shadow_opacity || 0.5
+            }),
+            Plot.text([ret.title || 'y=3.05+0.371x, R²=0.129'], {
+                x: 1,
+                fill: ret.title_font_color || 'currentColor',
+                fontSize: ret.title_font_size || 20,
+                fontStyle: ret.title_font_style ? 'oblique' : 'normal',
+                fontFamily: ret.title_font_family || 'Arial',
+                fontWeight: ret.title_font_weight ? 'bold' : 'normal',
+                frameAnchor: 'top',
+                textAnchor: 'start'
+            })
+        ]
+    });
+    chartRef.value.appendChild(plotInstance.value);
+};
+onMounted(() => {
+    pubSubInstance.value = PubSub.subscribe('options', (m, data) => {
+        options.value = data;
+        chartRef.value.removeChild(plotInstance.value);
+        generateChart(chartData);
+    });
+    generateChart(chartData);
+});
+onUnmounted(() => {
+    PubSub.unsubscribe(pubSubInstance.value);
+});
+</script>
+<style scoped></style>
--- a/src/components/LinearFitting/components/config.vue
+++ b/src/components/LinearFitting/components/config.vue
+<template>
+    <div class="form-container">
+        <h3 class="type content">画布</h3>
+        <div class="form-item">
+            <span>宽：</span>
+            <input type="text" v-model="dynamic_parameter.chart_width" />
+        </div>
+        <div class="form-item">
+            <span>高：</span>
+            <input type="text" v-model="dynamic_parameter.chart_height" />
+        </div>
+        <div class="form-item">
+            <span>上边距：</span>
+            <input type="text" v-model="dynamic_parameter.margin_top" />
+        </div>
+        <div class="form-item">
+            <span>右边距：</span>
+            <input type="text" v-model="dynamic_parameter.margin_right" />
+        </div>
+        <div class="form-item">
+            <span>下边距：</span>
+            <input type="text" v-model="dynamic_parameter.margin_bottom" />
+        </div>
+        <div class="form-item">
+            <span>左边距：</span>
+            <input type="text" v-model="dynamic_parameter.margin_left" />
+        </div>
+        <h3 class="type content">文本</h3>
+        <div class="form-item">
+            <span>字体：</span>
+            <input type="text" v-model="dynamic_parameter.title_font_family" />
+        </div>
+        <div class="form-item">
+            <span>字号：</span>
+            <input type="text" v-model="dynamic_parameter.title_font_size" />
+        </div>
+        <div class="form-item">
+            <span>字体颜色：</span>
+            <input type="text" v-model="dynamic_parameter.title_font_color" />
+        </div>
+        <div class="form-item">
+            <span>字体加粗：</span>
+            <input type="checkbox" v-model="dynamic_parameter.title_font_weight" />
+        </div>
+        <div class="form-item">
+            <span>斜体：</span>
+            <input type="checkbox" v-model="dynamic_parameter.title_font_style" />
+        </div>
+        <h3 class="type content">X轴配置</h3>
+        <div class="form-item">
+            <span>显示坐标轴：</span>
+            <input type="checkbox" v-model="dynamic_parameter.show_x_axis" />
+        </div>
+        <div class="form-item">
+            <span>显示刻度线：</span>
+            <input type="checkbox" v-model="dynamic_parameter.show_x_tickMarks" />
+        </div>
+        <div class="form-item">
+            <span>显示网格：</span>
+            <input type="checkbox" v-model="dynamic_parameter.show_x_gridLine" />
+        </div>
+        <div class="form-item">
+            <span>刻度线颜色：</span>
+            <input type="text" v-model="dynamic_parameter.x_tickMarks_color" />
+        </div>
+        <div class="form-item">
+            <span>刻度线长度：</span>
+            <input type="text" v-model="dynamic_parameter.x_tickMarks_length" />
+        </div>
+        <div class="form-item">
+            <span>字体：</span>
+            <input type="text" v-model="dynamic_parameter.xtitle_font_family" />
+        </div>
+        <div class="form-item">
+            <span>字号：</span>
+            <input type="text" v-model="dynamic_parameter.xtitle_font_size" />
+        </div>
+        <div class="form-item">
+            <span>字体颜色：</span>
+            <input type="text" v-model="dynamic_parameter.xtitle_font_color" />
+        </div>
+        <div class="form-item">
+            <span>字体加粗：</span>
+            <input type="checkbox" v-model="dynamic_parameter.xtitle_font_weight" />
+        </div>
+        <div class="form-item">
+            <span>斜体：</span>
+            <input type="checkbox" v-model="dynamic_parameter.xtitle_font_style" />
+        </div>
+        <div class="form-item">
+            <span>x轴标题：</span>
+            <input type="text" v-model="dynamic_parameter.x_title" />
+        </div>
+        <h3 class="type content">Y轴配置</h3>
+        <div class="form-item">
+            <span>显示坐标轴：</span>
+            <input type="checkbox" v-model="dynamic_parameter.show_y_axis" />
+        </div>
+        <div class="form-item">
+            <span>显示刻度线：</span>
+            <input type="checkbox" v-model="dynamic_parameter.show_y_tickMarks" />
+        </div>
+        <div class="form-item">
+            <span>显示网格：</span>
+            <input type="checkbox" v-model="dynamic_parameter.show_y_gridLine" />
+        </div>
+        <div class="form-item">
+            <span>刻度线颜色：</span>
+            <input type="text" v-model="dynamic_parameter.y_tickMarks_color" />
+        </div>
+        <div class="form-item">
+            <span>刻度线长度：</span>
+            <input type="text" v-model="dynamic_parameter.y_tickMarks_length" />
+        </div>
+        <div class="form-item">
+            <span>字体：</span>
+            <input type="text" v-model="dynamic_parameter.ytitle_font_family" />
+        </div>
+        <div class="form-item">
+            <span>字号：</span>
+            <input type="text" v-model="dynamic_parameter.ytitle_font_size" />
+        </div>
+        <div class="form-item">
+            <span>字体颜色：</span>
+            <input type="text" v-model="dynamic_parameter.ytitle_font_color" />
+        </div>
+        <div class="form-item">
+            <span>字体加粗：</span>
+            <input type="checkbox" v-model="dynamic_parameter.ytitle_font_weight" />
+        </div>
+        <div class="form-item">
+            <span>斜体：</span>
+            <input type="checkbox" v-model="dynamic_parameter.ytitle_font_style" />
+        </div>
+        <div class="form-item">
+            <span>x轴标题：</span>
+            <input type="text" v-model="dynamic_parameter.y_title" />
+        </div>
+        <h3 class="type content">图表配置</h3>
+        <div class="form-item">
+            <span>散点图半径：</span>
+            <input type="text" v-model="dynamic_parameter.point_radius" />
+        </div>
+        <div class="form-item">
+            <span>阴影透明度：</span>
+            <input type="text" v-model="dynamic_parameter.shadow_opacity" />
+        </div>
+        <h3 class="type content">图例</h3>
+        <div class="form-item">
+            <span>显示图例：</span>
+            <input type="checkbox" v-model="dynamic_parameter.show_legend" />
+        </div>
+        <div class="btn">
+            <button @click="submit">提交</button>
+        </div>
+    </div>
+</template>
+<script setup>
+import { reactive, onMounted } from 'vue';
+import PubSub from 'pubsub-js';
+//动态图参数,固定参数
+const dynamic_parameter = reactive({
+    //长宽间距
+    chart_width: 800,
+    chart_height: 600,
+    margin_top: 60,
+    margin_right: 60,
+    margin_bottom: 60,
+    margin_left: 60,
+    //标题配置
+    title: '',
+    title_font_family: 'Arial',
+    title_font_weight: true,
+    title_font_size: 20,
+    title_font_color: '#333333',
+    title_font_style: true,
+    //横轴标题
+    xtitle_font_family: 'Arial',
+    xtitle_font_weight: false,
+    xtitle_font_style: false,
+    xtitle_font_size: 16,
+    xtitle_font_color: '#333333',
+    //纵轴标题
+    ytitle_font_family: 'Arial',
+    ytitle_font_weight: false,
+    ytitle_font_style: false,
+    ytitle_font_size: 16,
+    ytitle_font_color: '#333333',
+    //颜色设置
+    data_color_list: ['#FF5733', '#39FDBE', '#D6D6D6'],
+    point_radius: 5, // 散点图半径
+    shadow_opacity: 0.5, // 阴影透明度 0~1
+    //图例
+    show_legend: true,
+    legend_position: '1,1',
+    //坐标轴
+    show_x_axis: true,
+    show_x_line: true,
+    show_x_tickMarks: true,
+    show_x_gridLine: false,
+    show_x_title: true,
+    x_title: 'cell_ident',
+    x_tickMarks_color: '#333333',
+    x_tickMarks_length: '5',
+    show_y_axis: true,
+    show_y_line: true,
+    show_y_tickMarks: true,
+    show_y_gridLine: false,
+    show_y_title: true,
+    y_title: 'percentage',
+    y_tickMarks_color: '#333333',
+    y_tickMarks_length: '5',
+    //节点相关的参数,可能还会有更多
+    node_id: null, //节点id
+    node_color: null, //节点颜色
+    is_delect_node: false, //是否删除节点
+    node_search_name: null, //节点名称搜索
+    node_search_color: '#FF0404', //节点搜索后的颜色
+    node_edit_name: null, //修改节点名称
+    node_height: 100, //节点大小
+    path_id: null
+});
+const submit = () => {
+    PubSub.publish('options', dynamic_parameter);
+};
+onMounted(() => {
+    submit();
+});
+</script>
+<style scoped>
+.form-item span {
+    display: inline-block;
+    width: 100px;
+    text-align: left;
+}
+.btn {
+    width: 100%;
+    height: 100px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+</style>
--- a/src/components/LinearFitting/index.vue
+++ b/src/components/LinearFitting/index.vue
+<template>
+    <div class="chart-container">
+        <Chart />
+        <Config />
+    </div>
+</template>
+<script setup>
+import Chart from './components/chart.vue';
+import Config from './components/config.vue';
+</script>
+<style scoped>
+.chart-container {
+    display: flex;
+}
+</style>
--- a/src/components/LinearFitting/mock.js
+++ b/src/components/LinearFitting/mock.js
+export const chartData = [
+    { "x": 6, "y": 1 },
+    { "x": 7, "y": 5 },
+    { "x": 6, "y": 6 },
+    { "x": 9, "y": 5 },
+    { "x": 7, "y": 4 },
+    { "x": 7, "y": 10 },
+    { "x": 10, "y": 3 },
+    { "x": 10, "y": 9 },
+    { "x": 1, "y": 1 },
+    { "x": 1, "y": 7 },
+    { "x": 5, "y": 8 },
+    { "x": 8, "y": 9 },
+    { "x": 2, "y": 1 }
+]
\ No newline at end of file
--- a/src/components/LinearFitting/tool.js
+++ b/src/components/LinearFitting/tool.js
+import * as d3 from 'd3';
+export function linearRegression(data) {
+    let n = data.length, sumX = 0, sumY = 0, sumXY = 0, sumX2 = 0;
+    for (let i = 0; i < data.length; ++i) {
+        const xi = data[i].x;
+        const yi = data[i].y;
+        if (!Number.isFinite(xi) || !Number.isFinite(yi)) { --n; continue; }
+        sumX += xi;
+        sumY += yi;
+        sumXY += xi * yi;
+        sumX2 += xi * xi;
+    }
+    const slope = (n * sumXY - sumX * sumY) / (n * sumX2 - sumX * sumX);
+    const intercept = (sumY - slope * sumX) / n;
+    return x => slope * x + intercept;
+}
+export function confidenceInterval(data, predict) {
+    const mean = d3.sum(data, (d) => d.x) / data.length;
+    let a = 0,
+        b = 0;
+    for (let i = 0; i < data.length; ++i) {
+        a += Math.pow(data[i].x - mean, 2);
+        b += Math.pow(data[i].y - predict(data[i].x), 2);
+    }
+    const sy = Math.sqrt(b / (data.length - 2));
+    const t = inverseT(+0.05, data.length - 2);
+    return function (x) {
+        const Y = predict(x);
+        const se = sy * Math.sqrt(1 / data.length + Math.pow(x - mean, 2) / a);
+        return { x, left: Y - t * se, right: Y + t * se };
+    };
+}
+export function normdev(p) {
+    if (p < 0 || p > 1) return false;
+    if (p == 0) return -Infinity;
+    if (p == 1) return Infinity;
+    let a0 = 3.3871328727963666080e+0,
+        a1 = 1.3314166789178437745e+2,
+        a2 = 1.9715909503065514427e+3,
+        a3 = 1.3731693765509461125e+4,
+        a4 = 4.5921953931549871457e+4,
+        a5 = 6.7265770927008700853e+4,
+        a6 = 3.3430575583588128105e+4,
+        a7 = 2.5090809287301226727e+3,
+        b1 = 4.2313330701600911252e+1,
+        b2 = 6.8718700749205790830e+2,
+        b3 = 5.3941960214247511077e+3,
+        b4 = 2.1213794301586595867e+4,
+        b5 = 3.9307895800092710610e+4,
+        b6 = 2.8729085735721942674e+4,
+        b7 = 5.2264952788528545610e+3,
+        c0 = 1.42343711074968357734e+0,
+        c1 = 4.63033784615654529590e+0,
+        c2 = 5.76949722146069140550e+0,
+        c3 = 3.64784832476320460504e+0,
+        c4 = 1.27045825245236838258e+0,
+        c5 = 2.41780725177450611770e-1,
+        c6 = 2.27238449892691845833e-2,
+        c7 = 7.74545014278341407640e-4,
+        d1 = 2.05319162663775882187e+0,
+        d2 = 1.67638483018380384940e+0,
+        d3 = 6.89767334985100004550e-1,
+        d4 = 1.48103976427480074590e-1,
+        d5 = 1.51986665636164571966e-2,
+        d6 = 5.47593808499534494600e-4,
+        d7 = 1.05075007164441684324e-9,
+        e0 = 6.65790464350110377720e+0,
+        e1 = 5.46378491116411436990e+0,
+        e2 = 1.78482653991729133580e+0,
+        e3 = 2.96560571828504891230e-1,
+        e4 = 2.65321895265761230930e-2,
+        e5 = 1.24266094738807843860e-3,
+        e6 = 2.71155556874348757815e-5,
+        e7 = 2.01033439929228813265e-7,
+        f1 = 5.99832206555887937690e-1,
+        f2 = 1.36929880922735805310e-1,
+        f3 = 1.48753612908506148525e-2,
+        f4 = 7.86869131145613259100e-4,
+        f5 = 1.84631831751005468180e-5,
+        f6 = 1.42151175831644588870e-7,
+        f7 = 2.04426310338993978564e-15;
+    let q = p - 0.5, r, z;
+    // p close to 0.5
+    if (Math.abs(q) <= 0.425) {
+        r = 0.180625 - q * q;
+        z = q * (((((((a7 * r + a6) * r + a5) * r + a4) * r + a3) * r + a2) * r + a1) * r + a0)
+            / (((((((b7 * r + b6) * r + b5) * r + b4) * r + b3) * r + b2) * r + b1) * r + 1);
+        return z;
+    }
+    if (q > 0) r = 1 - p;
+    else r = p;
+    r = Math.sqrt(-Math.log(r));
+    // p neither close to 0.5 nor 0 or 1
+    if (r <= 5) {
+        r += -1.6;
+        z = (((((((c7 * r + c6) * r + c5) * r + c4) * r + c3) * r + c2) * r + c1) * r + c0)
+            / (((((((d7 * r + d6) * r + d5) * r + d4) * r + d3) * r + d2) * r + d1) * r + 1);
+    }
+    // p near 0 or 1
+    else {
+        r += -5;
+        z = (((((((e7 * r + e6) * r + e5) * r + e4) * r + e3) * r + e2) * r + e1) * r + e0)
+            / (((((((f7 * r + f6) * r + f5) * r + f4) * r + f3) * r + f2) * r + f1) * r + 1);
+    }
+    if (q < 0.0) z = -z;
+    return z;
+}
+export function inverseT(p, df) {
+    const { sin, cos, sqrt, pow, exp, PI } = Math;
+    let a, b, c, d, t, x, y;
+    if (df == 1) return cos(p * PI / 2) / sin(p * PI / 2);
+    if (df == 2) return sqrt(2 / (p * (2 - p)) - 2);
+    a = 1 / (df - 0.5);
+    b = 48 / (a * a);
+    c = ((20700 * a / b - 98) * a - 16) * a + 96.36;
+    d = ((94.5 / (b + c) - 3) / b + 1) * sqrt(a * PI * 0.5) * df;
+    x = d * p;
+    y = pow(x, 2 / df);
+    if (y > 0.05 + a) {
+        // The procedure normdev(p) is assumed to return a negative normal
+        // deviate at the lower tail probability level p, e.g. -2.32 for p = 0.01.
+        x = normdev(p / 2);
+        y = x * x;
+        if (df < 5) c = c + 0.3 * (df - 4.5) * (x + 0.6);
+        c = (((0.05 * d * x - 5) * x - 7) * x - 2) * x + b + c;
+        y = (((((0.4 * y + 6.3) * y + 36) * y + 94.5) / c - y - 3) / b + 1) * x;
+        y = a * y * y;
+        if (y > 0.002) y = exp(y) - 1;
+        else y = 0.5 * y * y + y;
+    }
+    else {
+        y = ((1 / (((df + 6) / (df * y) - 0.089 * d - 0.822) * (df + 2) * 3) + 0.5 / (df + 4)) * y - 1) *
+            (df + 1) / (df + 2) + 1 / y;
+    }
+    return sqrt(df * y);
+}
\ No newline at end of file
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
 <template>
-  <div class="module_container">
+    <div class="module_container">
-    dashboard
+        <component :is="getDefaultShowChart()"></component>
-  </div>
+    </div>
 </template>
 <script setup>
-import { ref, defineProps, watch, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted, defineEmits } from 'vue';
+import { ref } from 'vue';
-const emit = defineEmits([])
+import LinearFitting from '../../components/LinearFitting/index.vue';
-const props = defineProps();
-// 使用 watch 监听 props 的字段变化
+const chartCurrent = ref(1);
-watch(() => props, (newData, oldData) => {
-});
+const getDefaultShowChart = () => {
-//组件即将挂载
+    switch (chartCurrent.value) {
-onBeforeMount(() => {
+        case 1:
-});
+            return LinearFitting;
-//组件已经挂载
-onMounted(() => {
+        default:
-});
+            break;
-//组件即将更新
+    }
-onBeforeUpdate(() => {
+};
-});
-//组件已经更新
-onUpdated(() => {
-});
-//组件即将卸载
-onBeforeUnmount(() => {
-});
-//组件已经卸载
-onUnmounted(() => {
-});
 </script>
 <style scoped></style>
\ No newline at end of file