target/EducationalAdministrationSystemBasedOnSSM-1.0-SNAPSHOT/WEB-INF/jsp/echarts/ScoreEcharts.jsp

（开头部分） 3KB

这里只显示每个文件的开头 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: 5%; margin-left: 20%" >
    <form class="layui-form" style="margin-left: 17%">
        <div class="layui-form-item">
            <label class="layui-form-label">请选择要查看的课程</label>
            <div class="layui-input-inline">
                <select id="baseCourseSelect" lay-filter="baseCourse">
                    <option selected="selected" disabled="disabled"  style='display: none' value=''></option>
                </select>
            </div>
        </div>
    </form>
    <div id="scoreEchart" style="width: 800px;height:400px;"></div>
</div>

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

        $.get("${path}/easBaseCourse/search",function (data) {
            $.each(data,function () {
                var opt = $("<option></option>").appendTo("#baseCourseSelect");
                opt.text(this.coursename).val(this.id);
            });
            //获取数据后再进行渲染，显示未显示的option
            form.render();
        });

        form.on('select(baseCourse)',function (data) {
            // console.log("基本课程id为:"+data.value);

            var myScoreChart = echarts.init(document.getElementById('scoreEchart'));

            $.get('${path}/easEchart/getAllClassScore',{baseCourseId:data.value}).done(function (data) {
                // console.log("返回的数据信息为:"+data);
                myScoreChart.setOption({
                    title: {
                        text: '课程成绩比例图'
                    },
                    tooltip: {},
                    legend:{
                        data: [data.coursename]
                    },
                    xAxis: {

                        data: ['合格', '不合格']
                    },
                    yAxis: {},
                    series: [{
后面还有 43 行代码，购买后查看完整代码

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

AI 解读

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

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