out/artifacts/Educational_administration_system_master_war_exploded/WEB-INF/jsp/echarts/peopleEcharts.jsp

（开头部分） 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>统计人口的可视化页面</title>
    <%@include file="/WEB-INF/jsp/common.jsp"%>.
    <script src="${path}/js/echarts.min.js"></script>
</head>
<body>
<div style="margin-top: 10%;">
    <div id="SAndTEchart" style="width: 600px;height:400px; float: left;"></div>
    <div id="SexEchart" style="width: 600px;height:400px;float: left;"></div>
</div>


<script></script>
<script>
    layui.use(["table","form","laytpl"],function() {
        var table = layui.table,
            form = layui.form,
            $ = layui.$,
            laytpl = layui.laytpl; //模板引擎 例:{{ d.checked }}

            var mySAndTChart = echarts.init(document.getElementById('SAndTEchart'));

            $.get('${path}/easEchart/getAllStuAndTea').done(function (data) {
                // console.log("返回的数据为:"+data.totalStu);

                mySAndTChart.setOption({
                    title: {
                        text: '教师学生人数图',
                        left: 'center',
                        textStyle:{
                            color:'#3e312a',
                            fontSize: 18
                        }
                    },
                    tooltip: {},
                    legend: {
                        orient: 'vertical',
                        left: '12%',
                        top: '10%'
                    },
                    // xAxis: {
                    //     data: ['教师人数','学生人数']
                    // },
                    // yAxis: {},
                    series: [{
                        name: '教师学生人数',
                        type: 'pie', //饼图
                        radius: '50%',
                        legendHoverLink:true,
                        // data: [data.totalTea,data.totalStu]
                        data: [
                            {value: data.totalTea, name: '教师人数'},
                            {value: data.totalStu, name: '学生人数'}
                        ],
                        emphasis: {
                            //加入外边框阴影
                            itemStyle: {
后面还有 70 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。