huanghai/YunNanProject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'commit'

Browse Source
This commit is contained in:
HuangHai
2025-09-10 15:37:15 +08:00
parent 096822ce50
commit 5f29d8faf9
1 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
static/T1_Bar.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>云南教育决策研究服务系统</title>
<!-- 引入外部资源 -->
<script src="https://gcore.jsdelivr.net/npm/echarts@6.0.0/dist/echarts.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header">
<h1>云南教育决策研究服务系统</h1>
<p>数据可视化展示平台</p>
</div>
<div class="chart-container">
<div class="tabs">
<div class="tab active" data-tab="population">人口数据图表</div>
<div class="tab" data-tab="urbanization">城镇化率图表</div>
</div>
<div class="tab-content active" id="population-tab">
<h2>云南省各州市人口分布</h2>
<div class="controls">
<select id="yearSelect">
<option value="2020">2020年</option>
<option value="2021">2021年</option>
<option value="2022">2022年</option>
<option value="2023">2023年</option>
<option value="2024" selected>2024年</option>
</select>
<button id="loadPopulationChart">加载图表</button>
</div>
<div id="populationChart" class="chart"></div>
<!-- <div class="message" id="populationMessage">点击"加载图表"按钮获取数据</div>-->
</div>
<div class="tab-content" id="urbanization-tab">
<h2>云南省各州市城镇化率变化趋势</h2>
<div class="controls">
<button id="loadUrbanizationChart">加载图表</button>
</div>
<div id="urbanizationChart" class="chart"></div>
<div class="message" id="urbanizationMessage">点击"加载图表"按钮获取数据</div>
</div>
</div>
<!-- 引入外部JS -->
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>