echars图表的疑难杂症

最新推荐文章于 2023-03-31 20:54:45 发布

rosener

最新推荐文章于 2023-03-31 20:54:45 发布

阅读量705

点赞数

文章标签： echars 一个页面多个图

本文链接：https://blog.csdn.net/rosener/article/details/102950897

版权

<script type="text/javascript">
    layui.use(['table', 'layer', 'upload', 'laydate'], function () {
        var table = layui.table
        layer = layui.layer
            , $ = layui.jquery
            , form = layui.form
            , laydate = layui.laydate;

        var series = [];

        var names=[];
        var number=[];

        form.on('submit(search)', function (data) {
            $.ajax({
                url:....,
                dataType: 'json',
                type: 'post',
                data: {classId: $("#classId").val()},
                success: function (data) {
                    series=[];
                    var data0=0,data1=0,data2=0,data3=0,data4=0,data5=0;
                    $.each(data.data, function (index, item) {
                        if (item.state == 1) {
                            data0=item.number;
                        }
                        if (item.state == 2) {
                            data1=item.number;
                        }
                        if (item.state == 3) {
                            data2=item.number;
                        }
                        if (item.state == 4) {
                            data3=item.number;
                        }
                        if (item.state == 5) {
                            data4=item.number;
                        }
                        if (item.state == 6) {
                            data5=item.number;
                        }
                    });
                    series.push(data0);
                    series.push(data1);
                    series.push(data2);
                    series.push(data3);
                    series.push(data4);
                    series.push(data5);

                    reloadPieChartData();
                }
            });

            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
//学生考勤
        $.ajax({
            url: '....',
            dataType: 'json',
            type: 'post',
            data: {classId: $("#classId").val()},