43 lines
1.8 KiB
HTML
43 lines
1.8 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>KLineChart debug</title>
|
||
<link rel="stylesheet" href="./style.css">
|
||
</head>
|
||
<body>
|
||
<div id="root">
|
||
<div id="toolbar">
|
||
<div id="file-picker" title="选择 CSV 文件，或拖拽文件到此处">
|
||
<button id="btn-file" type="button" title="选择 CSV 文件">📂</button>
|
||
<span id="file-name">无文件</span>
|
||
</div>
|
||
<div id="period-switcher" aria-label="周期切换">
|
||
<button data-period="1m" type="button">1m</button>
|
||
<button data-period="5m" type="button">5m</button>
|
||
<button data-period="15m" type="button">15m</button>
|
||
<button data-period="1h" type="button">1h</button>
|
||
<button data-period="1d" type="button">1d</button>
|
||
</div>
|
||
<div id="indicator-switcher" aria-label="指标"></div>
|
||
<div id="zoom-controls">
|
||
<button id="zoom-in" type="button" title="放大">+</button>
|
||
<button id="zoom-out" type="button" title="缩小">−</button>
|
||
<button id="zoom-reset" type="button" title="重置缩放">⟲</button>
|
||
</div>
|
||
<div id="tool-actions">
|
||
<button id="btn-theme" type="button" title="切换主题">☾</button>
|
||
<button id="btn-screenshot" type="button" title="截图">▣</button>
|
||
</div>
|
||
<div id="status"></div>
|
||
</div>
|
||
<div id="loading" class="loading" style="display:none;">Loading CSV data...</div>
|
||
<div id="chart"></div>
|
||
<div id="crosshair-info" class="hidden"></div>
|
||
<div id="bar-detail" class="popup hidden"></div>
|
||
<div id="context-menu" class="popup hidden"></div>
|
||
</div>
|
||
<script type="module" src="./main.js"></script>
|
||
</body>
|
||
</html> |