新增测试版分子分母

app/Admin/Metrics/Chart/FullPaymentRateColumnCharts.php

@@ -10,6 +10,7 @@ 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;
 
@@ -32,12 +33,15 @@ class FullPaymentRateColumnCharts extends Chart
                 "height"=>350, //高度
                 "type"=>"bar", //chart 类型
             ],
+
         ]);
 
-        $data = [[
+        $data = [
+            [
             "name" => "缴费率",
             "data" => [],
-        ]];
+            ]
+        ];
         $label = [];
 
         // 执行你的数据查询逻辑
@@ -129,5 +133,32 @@ class FullPaymentRateColumnCharts extends Chart
         $this->option("labels",$label);
         $this->option("yaxis",["max" => 100]); //Y轴最大值
 
+        $this->option(
+            'tooltip.custom',
+            JavaScript::make("function({ series, seriesIndex, dataPointIndex, w }) {
+                        <div class=\"apexcharts-tooltip apexcharts-theme-light\" style=\"left: 392.603px; top: 29.6094px;\">
+                        <div class=\"apexcharts-tooltip-title\" style=\"font-family: Helvetica, Arial, sans-serif; font-size: 12px;\">
+                            信息工程学院</div>
+                        <div class=\"apexcharts-tooltip-series-group apexcharts-active\" style=\"display: flex;\">
+                        <span class=\"apexcharts-tooltip-marker\" style=\"background-color: rgb(0, 143, 251);\">
+                        </span>
+                        <div class=\"apexcharts-tooltip-text\" style=\"font-family: Helvetica, Arial, sans-serif; font-size: 12px;\">
+                        <div class=\"apexcharts-tooltip-y-group\">
+                        <span class=\"apexcharts-tooltip-text-label\">缴费率: </span>
+                        <span class=\"apexcharts-tooltip-text-value\">87.65</span>
+                        </div>
+                        <div class=\"apexcharts-tooltip-z-group\">
+                        <span class=\"apexcharts-tooltip-text-z-label\">
+                        </span>
+                        <span class=\"apexcharts-tooltip-text-z-value\">
+                        </span>
+                        </div>
+                        </div>
+                        </div>
+                        </div>
+                    }")  //  这个值最后段代码会作为JS代码执行
+        );
+
+
     }
 }