Iframe-PlotlyJs.page.vue

2025-04-17 19:28:47 +08:00
parent 95d5087b5e
commit ebed0cf4bf
7 changed files with 290548 additions and 41 deletions
--- a/public/iframe/for-plotly.html
+++ b/public/iframe/for-plotly.html
@ -0,0 +1,32 @@
+<!--
+XXX: Plotly 需要用 iframe 嵌套在页面中的原因:
+-->
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Plotly 图表的 HTML 页面</title>
+    <!-- <script src="https://cdn.plot.ly/plotly-3.0.1.js"></script> -->
+    <script src="./plotly-3.0.1.js"></script>
+  </head>
+  <body>
+    <div id="PLOTLY_CHART" style="width: 100%; height: 100%"></div>
+  </body>
+  <style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      overflow: hidden; /* 防止滚动条出现 */
+    }
+
+    /* 确保容器占满整个 iframe */
+    body > div {
+      width: 100%;
+      height: 100%;
+    }
+  </style>
+</html>
--- a/public/iframe/plotly-3.0.1.js
+++ b/public/iframe/plotly-3.0.1.js