'commit'

2025-09-10 16:14:35 +08:00
parent c9c83547bb
commit a41e65989b
7 changed files with 643 additions and 3 deletions
--- a/static/preschool_education.html
+++ b/static/preschool_education.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>学前教育数据测试</title>
+    <link rel="stylesheet" href="css/style.css">
+    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
+    <script src="js/jquery-3.7.1.min.js"></script>
+</head>
+<body>
+    <div class="container">
+        <h1>学前教育招生人数统计</h1>
+        <div id="preschoolChart" style="width: 100%; height: 600px;"></div>
+        <div id="message" class="message"></div>
+    </div>
+
+    <script>
+        // 初始化图表
+        var preschoolChart = echarts.init(document.getElementById('preschoolChart'));
+
+        // 显示加载状态
+        function showLoading() {
+            preschoolChart.showLoading();
+            $('#message').text('数据加载中...');
+        }
+
+        // 隐藏加载状态
+        function hideLoading() {
+            preschoolChart.hideLoading();
+        }
+
+        // 显示错误信息
+        function showError(message) {
+            $('#message').text('错误: ' + message);
+            console.error(message);
+        }
+
+        // 加载学前教育数据
+        function loadPreschoolData() {
+            showLoading();
+            $.getJSON('/bigscreen/school/preschool/chart')
+                .done(function(data) {
+                    preschoolChart.setOption(data);
+                    $('#message').text('数据加载成功');
+                })
+                .fail(function(jqXHR, textStatus, errorThrown) {
+                    showError(errorThrown || '获取数据失败，请检查接口是否正常');
+                })
+                .always(function() {
+                    hideLoading();
+                });
+        }
+
+        // 页面加载时加载数据
+        $(document).ready(function() {
+            loadPreschoolData();
+        });
+
+        // 窗口大小变化时调整图表
+        $(window).resize(function() {
+            preschoolChart.resize();
+        });
+    </script>
+</body>
+</html>