<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/headBase.php'); ?>
<div id="LAY-index-heapline">
    <div style="width: 100%; height: 500px;"><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/footBase.php'); ?>
<style>
    html {
        height: 100% !important;
    }

    body {
        height: 100% !important;
    }
</style>
<script>
    layui.use(['index', 'senior', 'carousel', 'echarts'], function() {
        var $ = layui.$,
            carousel = layui.carousel,
            echarts = layui.echarts;
        // 等待DOM完全加载
        setTimeout(function() {
            //堆积折线图
            var echheapline = [],
                heapline = [{
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        data: <?php echo json_encode($echartsData['legend']); ?>
                    },
                    calculable: true,
                    xAxis: [{
                        type: 'category',
                        boundaryGap: false,
                        data: <?php echo json_encode($echartsData['xAxis']); ?>
                    }],
                    yAxis: [{
                        type: 'value'
                    }],
                    series: <?php echo json_encode($echartsData['series']); ?>
                }],
                elemheapline = $('#LAY-index-heapline').children('div'),
                renderheapline = function(index) {
                    console.log('开始渲染图表，元素:', elemheapline[index]);
                    if (elemheapline[index]) {
                        echheapline[index] = echarts.init(elemheapline[index], layui.echartsTheme);
                        echheapline[index].setOption(heapline[index]);
                        window.onresize = echheapline[index].resize;
                    } else {
                        console.error('找不到图表容器元素');
                    }
                };

            if (elemheapline[0]) {
                renderheapline(0);
            } else {
                console.error('未找到图表容器');
            }
        }, 500); // 延迟500ms确保iframe完全加载
    });
</script>