HNWelcomeSystemAdminDcat/app/Admin/Metrics/Chart/FemaleColumnCharts.php

<?php

namespace App\Admin\Metrics\Chart;
use App\Models\AdmissionNewStudents;
use App\Models\CompletedOfflineStep;
use App\Models\Config;
use App\Models\OfflineStep;
use App\Models\PaymentList;
use App\Models\SecondaryCollege;
use App\Models\Speciality;
use App\Models\UsersMember;
use Dcat\Admin\Support\JavaScript;
use Dcat\Admin\Widgets\ApexCharts\Chart;
use Illuminate\Support\Facades\DB;

class FemaleColumnCharts extends Chart
{
    //各二级学院女生报道率
    public function __construct($containerSelector = null, $options = [])
    {
        parent::__construct($containerSelector, $options);

        $this->setUpOptions();
    }


    //初始化方法，主要是调用$this->options()方法，执行整个option的初始化操作。
    protected function setUpOptions()
    {
        $this->options([
            "chart"=>[
                "height"=>350, //高度
                "type"=>"bar", //chart 类型
            ],
        ]);

        $data = [[
            "name" => "报道率",
            "data" => [],
            "tooltip" => [
                [
                    "name" => "已报到女生",
                    "data" => [],
                    "color" => '#ff6b6b'
                ],
                [
                    "name" => "录入女生",
                    "data" => [],
                    "color"=>"#a21919"
                ]
            ],
        ]];
        $label = [];

        // 执行你的数据查询逻辑
        //取出当前年份
        $config = Config::query()->where([
            "unique_identification" => "annual_session"
        ])->first();

        //二级学院
        $list = SecondaryCollege::query()->where([
            "status" => SecondaryCollege::STATUS_YES
        ])->get(["id", "name"])->toArray();

        //不为空时
        if(!empty($list)){


            foreach($list as $key => $item){
                //取出该学院下的专业
                $speciality = Speciality::query()->where([
                    "status" => Speciality::STATUS_YES,
                    "secondary_college_id" => $item["id"],
                ])->get()->toArray();
                //专业ID
                $specialityIds = array_column($speciality, "id");

                //二级学院已录入的学生
                $importStudents = AdmissionNewStudents::query()->where([
                    "annual_session" => $config->data,
                    "status" => AdmissionNewStudents::STATUS_YES,
                    "is_new_student" => AdmissionNewStudents::IS_NEW_STUDENT_YES,
                    "sex" => AdmissionNewStudents::FEMALE,
                ])->whereIn("speciality_id", $specialityIds)->get("idCard")->toArray();
                if(!empty($importStudents)){
                    $idcardList = array_column($importStudents, "idCard");
                    //根据身份证集取出已注册的用户
                    $userList = UsersMember::query()->whereIn("idcard", $idcardList)->where("status", UsersMember::STATUS_YES)->get("unique_number")->toArray();
                    if(!empty($userList)){
                        $userList = array_column($userList, "unique_number");

                        //线下迎新有几步
                        $stepCount = OfflineStep::query()->where("status", OfflineStep::STATUS_YES)->count();
                        //检测是否存在线下报到步骤，存在则视为已到校(实际报到学生)
                        $completedOfflineStep = CompletedOfflineStep::query()->whereIn("unique_number", $userList)->where("annual_session", $config->data)->where("step_id",">=",$stepCount)->count();


                        $studentsNum = count($importStudents);

                        //报到率
                        if($completedOfflineStep == 0 || $studentsNum == 0){
                            $registering = 0;
                        }else{
                            $registering = round((($completedOfflineStep / $studentsNum) * 100), 2) ;
                        }

                        $list[$key]["registering"] = $registering;
                        $list[$key]["studentsNum"] = $completedOfflineStep;
                        $list[$key]["completedOfflineStep"] = $studentsNum;
                    }
                }
            }


            foreach($list as $item){
                array_push($label, $item["name"]);
                if(!empty($item["registering"])){
                    array_push($data[0]["data"], $item["registering"]);
                    array_push($data[0]['tooltip'][0]['data'], $item["studentsNum"]);
                    array_push($data[0]['tooltip'][1]['data'], $item["completedOfflineStep"]);
                }else{
                    array_push($data[0]["data"], 0);
                    array_push($data[0]['tooltip'][0]['data'], 0);
                    array_push($data[0]['tooltip'][1]['data'], 0);
                }
            }
        }


        $this->option("series",$data);
        $this->option("labels",$label);
        $this->option("yaxis",["max" => 100]); //Y轴最大值

        $tooltipCustomFunction = <<<JS
function({ series, seriesIndex, dataPointIndex, w }) {

    let newStr = "";
    w.config.series[0].tooltip.forEach(item=>{
        newStr += `<div style="display: flex;padding: 0 10px;align-items: center;margin-top: 8px;">
                <div style="width:12px;height:12px;border-radius:50%;background-color: \${item.color};margin-right: 10px;">

                </div>
                <div style="font-size: 12px;">
                    \${item.name}: \${item.data[dataPointIndex]}
                </div>
            </div>`
    })

    return `
        <div style=' border: 1px solid #e3e3e3; background: rgba(255, 255, 255, 0.96); border-radius: 5px; box-shadow: 2px 2px 6px -4px #999; font-size: 14px;'>
            <div style='padding:6px;background: #ECEFF1;border-bottom: 1px solid #ddd;font-size:12px;'>\${w.config.labels[dataPointIndex]}</div>
            <div style="display: flex;padding: 0 10px;align-items: center; margin-top: 8px;">
                <div style="width:12px;height:12px;border-radius:50%;background-color: rgb(0, 143, 251);margin-right: 10px;">

                </div>
                <div style="font-size: 12px;">
                    \${w.config.series[0].name}: \${w.config.series[0].data[dataPointIndex]}
                </div>
            </div>
            \${newStr}
        </div>
    `;
}
JS;

        $this->option('tooltip.custom', JavaScript::make($tooltipCustomFunction));
    }
}