Files
vue-ts-example/public/iframe/for-plotly.html
严浩 ebed0cf4bf
All checks were successful
/ build-and-deploy-to-vercel (push) Successful in 2m55s
/ surge (push) Successful in 2m39s
/ playwright (push) Successful in 1m15s
/ lint-build-and-check (push) Successful in 5m50s
Iframe-PlotlyJs.page.vue
2025-04-17 19:28:47 +08:00

33 lines
769 B
HTML

<!--
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>