From 067dd5ef3335c1dff32e0f9084a96386c22f6868 Mon Sep 17 00:00:00 2001
From: duwenyuan <15600000461@163.com>
Date: Wed, 7 Jan 2026 20:47:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0rrr=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/main/resources/templates/report.html  | 4381 +++++++++++++++++
 1 file changed, 4381 insertions(+)
 create mode 100644 jeecg-module-spectrum-analysis/src/main/resources/templates/report.html
diff --git a/jeecg-module-spectrum-analysis/src/main/resources/templates/report.html b/jeecg-module-spectrum-analysis/src/main/resources/templates/report.html
new file mode 100644
index 00000000..7c1f098d
--- /dev/null
+++ b/jeecg-module-spectrum-analysis/src/main/resources/templates/report.html
@@ -0,0 +1,4381 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>CNL06 GENERATED REPORT - REVIEWED RADIONUCLIDE REPORT</title>
+    <style>
+        :root {
+            --muted: #555;
+            --accent: #222;
+            --mono: "Lucida Console", Monaco, monospace;
+            --sans: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            --table-border: #e0e0e0;
+            --bg: #ffffff;
+            --panel: #f9fafb;
+            --text: #111827;
+            --line: #e5e7eb;
+            --accent-blue: #2563eb;
+            --ok: #16a34a;
+            --warn: #d97706;
+            --bad: #dc2626;
+        }
+
+        html, body {
+            height: 100%;
+            background: var(--bg);
+            color: var(--text);
+            font-family: var(--sans);
+            margin: 0;
+            padding: 20px;
+            font-size: 13px;
+            -webkit-print-color-adjust: exact;
+        }
+
+        .report, .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            background: #fff;
+            padding: 20px 28px;
+            box-sizing: border-box;
+        }
+
+        header {
+            text-align: center;
+            margin-bottom: 18px;
+            line-height: 1.05;
+            border-bottom: 1px solid var(--line);
+            padding-bottom: 8px;
+        }
+
+        header h1 {
+            margin: 6px 0 2px;
+            font-size: 18px;
+            letter-spacing: 1px;
+            font-weight: 700;
+        }
+
+        header h2 {
+            margin: 2px 0;
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--muted);
+        }
+
+        .meta-row, .meta {
+            text-align: center;
+            font-family: var(--mono);
+            margin-top: 6px;
+            color: var(--muted);
+            font-size: 12px;
+        }
+
+        .meta {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 12px;
+            margin-top: 8px;
+            color: var(--muted);
+            font-size: 14px;
+        }
+
+        section {
+            margin: 18px 0;
+            page-break-inside: avoid;
+        }
+
+        h3 {
+            margin: 0 0 8px 0;
+            font-size: 13px;
+            text-transform: uppercase;
+            letter-spacing: 0.6px;
+            background: #f7f7f7;
+            padding: 6px 10px;
+            border: 1px solid var(--table-border);
+        }
+
+        .section-title {
+            display: flex;
+            align-items: baseline;
+            justify-content: space-between;
+            gap: 8px;
+        }
+
+        .grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 10px 24px;
+            padding: 10px;
+            border: 1px solid var(--table-border);
+            border-top: 0;
+        }
+
+        .grid-2 {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 10px;
+        }
+
+        .card {
+            background: var(--panel);
+            border: 1px solid var(--line);
+            border-radius: 10px;
+            padding: 14px;
+            margin-bottom: 16px;
+        }
+
+        .field {
+            display: flex;
+            justify-content: space-between;
+            padding: 6px 0;
+            border-bottom: 1px dashed #f0f0f0;
+            font-size: 12px;
+        }
+
+        .field:last-child {
+            border-bottom: 0;
+        }
+
+        .label {
+            color: var(--muted);
+            width: 48%;
+        }
+
+        .value {
+            font-family: var(--mono);
+            width: 52%;
+            text-align: right;
+        }
+
+        .wide-table {
+            width: 100%;
+            border-collapse: collapse;
+            border: 1px solid var(--table-border);
+            margin-top: 8px;
+            font-size: 12px;
+        }
+
+        .wide-table th, .wide-table td {
+            border-bottom: 1px solid #eee;
+            padding: 6px 8px;
+            text-align: left;
+            vertical-align: middle;
+        }
+
+        .wide-table th {
+            background: #fafafa;
+            font-weight: 600;
+            text-transform: none;
+            color: var(--muted);
+            font-size: 12px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 10px;
+            font-size: 14px;
+        }
+
+        th, td {
+            border: 1px solid var(--line);
+            padding: 8px;
+            text-align: left;
+            vertical-align: top;
+        }
+
+        th {
+            background: #f3f4f6;
+            font-weight: 600;
+        }
+
+        .subtle {
+            color: var(--muted);
+            font-size: 13px;
+        }
+
+        .two-col {
+            display: flex;
+            justify-content: space-between;
+            gap: 12px;
+            padding: 8px 10px;
+            border: 1px solid var(--table-border);
+            border-top: 0;
+            font-size: 12px;
+        }
+
+        .right {
+            text-align: right;
+            font-family: var(--mono);
+        }
+
+        .center {
+            text-align: center;
+        }
+
+        .canvas-wrap {
+            position: relative;
+            height: 360px;
+            margin-top: 8px;
+            background: #fff;
+            border: 1px solid var(--line);
+            border-radius: 8px;
+            padding: 8px;
+        }
+
+        .legend {
+            display: flex;
+            gap: 10px;
+            flex-wrap: wrap;
+            margin-top: 6px;
+        }
+
+        .legend-item {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            color: var(--muted);
+            font-size: 12px;
+            border: 1px solid var(--line);
+            border-radius: 16px;
+            padding: 2px 8px;
+            background: #ffffff;
+        }
+
+        .dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+        }
+
+        .footer-note {
+            color: var(--muted);
+            font-size: 12px;
+            margin-top: 6px;
+        }
+
+        @media (max-width:1024px) {
+            .grid-2 {
+                grid-template-columns: 1fr;
+            }
+            .canvas-wrap {
+                height: 280px;
+            }
+            .meta {
+                grid-template-columns: 1fr;
+            }
+        }
+
+        @media print {
+            body {
+                padding: 10mm;
+            }
+            header h1 {
+                font-size: 16px;
+            }
+            .report, .card {
+                box-shadow: none;
+            }
+            .grid {
+                page-break-inside: avoid;
+            }
+            section {
+                page-break-inside: avoid;
+            }
+            .canvas-wrap {
+                border: 1px solid #d1d5db;
+            }
+        }
+
+        .level-A { color: var(--ok); }
+        .level-B { color: var(--warn); }
+        .level-C { color: var(--bad); }
+    </style>
+    <script src="echarts.min.js"></script>
+</head>
+
+<body>
+<div class="report">
+    <header>
+        <h1>CNL06 GENERATED REPORT</h1>
+        <h2>REVIEWED RADIONUCLIDE REPORT</h2>
+        <h2>(Noble Gas Version)</h2>
+        <div class="meta-row">
+            Creation Date <span th:text="${now}">2025/10/27-21:00:35</span>
+        </div>
+    </header>
+
+    <!-- FILE INFORMATION -->
+    <section>
+        <h3>FILE INFORMATION</h3>
+        <div class="grid">
+            <div class="field">
+                <div class="label">SampleMeasID:</div>
+                <div class="value" th:text="${measurement_id}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">GASBKMeasID:</div>
+                <div class="value" th:text="${gas_bk_measurement_id}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">SRID:</div>
+                <div class="value" th:text="${sample_ref_id}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Detector Type:</div>
+                <div class="value">3D b-g</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- COLLECTION INFORMATION -->
+    <section>
+        <h3>COLLECTION INFORMATION</h3>
+        <div class="grid">
+            <div class="field">
+                <div class="label">Station CODE:</div>
+                <div class="value" th:text="${site_code}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Detector CODE:</div>
+                <div class="value" th:text="${detector_code}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Collection Start:</div>
+                <div class="value" th:text="${collection_start}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Collection Stop:</div>
+                <div class="value" th:text="${collection_stop}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Collection TIME(h):</div>
+                <div class="value" th:text="${collection_time}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Air Volume[cm3]:</div>
+                <div class="value" th:text="${air_volume}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Xe Volume[cm3]:</div>
+                <div class="value" th:text="${sample_volume_of_Xe}">xxxxxxxxxxxxx</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- ACQUISITION INFORMATION -->
+    <section>
+        <h3>ACQUISITION INFORMATION</h3>
+        <div class="grid">
+            <div class="field">
+                <div class="label">Acquisition Start:</div>
+                <div class="value" th:text="${acquisition_start}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Acq Real Time(s):</div>
+                <div class="value" th:text="${acquisition_real_time}">xxxxxxxxxxxxx</div>
+            </div>
+            <div class="field">
+                <div class="label">Acq Live Time(s):</div>
+                <div class="value" th:text="${acquisition_live_time}">xxxxxxxxxxxxx</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- SOFTWARE -->
+    <section>
+        <h3>SOFTWARE</h3>
+        <div class="two-col">
+            <div><strong>version:</strong></div>
+            <div class="right">1.0.1</div>
+        </div>
+    </section>
+    <section>
+        <h3>MEASUREMENT CATEGORIZATION</h3>
+
+        <!-- Legend -->
+        <div style="padding:10px;border:1px solid #e8e8e8;background:#fafafa;margin-bottom:6px;">
+            <div style="font-weight:700;margin-bottom:8px;color:#333;">Categorization Legend</div>
+            <div style="font-size:13px;color:#555;line-height:1.45;">
+                <div><strong>Level A</strong> = Clean spectrum - No Xenon is present in the sample.</div>
+                <div><strong>Level B</strong> = Xenon detection within the typical range for the station.</div>
+                <div><strong>Level C</strong> = Anomalous Xenon detection.</div>
+            </div>
+        </div>
+
+        <!-- Data table placed immediately under the legend -->
+        <div>
+            <table class="wide-table" style="width:100%;margin:0 0 12px 0;">
+                <thead>
+                <tr>
+                    <th>Isotope</th>
+                    <th>Nuclide detected</th>
+                    <th>Abnormal_limit (mBq/m3)</th>
+                    <th>Category</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr th:each="row : ${measurementCategorization}">
+                    <td class="center" th:text="${row.isotope}">Xe-131m</td>
+                    <td class="center" th:text="${row.detected}">NO</td>
+                    <td class="right" th:text="${row.abnormalLimit}">1.74E-01</td>
+                    <td class="center" th:text="${row.category}">A</td>
+                </tr>
+                <tr th:if="${measurementCategorization == null or #lists.isEmpty(measurementCategorization)}">
+                    <td class="center">Xe-131m</td>
+                    <td class="center">NO</td>
+                    <td class="right">1.74E-01</td>
+                    <td class="center">A</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+
+
+    </section>
+    <!-- SAMPLE OLD CALIBRATION -->
+    <section>
+        <h3>SAMPLE OLD CALIBRATION</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Old Beta</th>
+                    <th>Old Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="samplOldCalibration : ${samplOldCalibrations}">
+                    <td class="right" th:text="${samplOldCalibration.beta}"></td>
+                    <td class="right" th:text="${samplOldCalibration.gamma}"></td>
+                </tr>
+                <tr th:if="${samplOldCalibrations == null or #lists.isEmpty(samplOldCalibrations)}">
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- SAMPLE NEW CALIBRATION -->
+    <section>
+        <h3>SAMPLE NEW CALIBRATION</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>New Beta</th>
+                    <th>New Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="samplNewCalibration : ${samplNewCalibrations}">
+                    <td class="right" th:text="${samplNewCalibration.beta}"></td>
+                    <td class="right" th:text="${samplNewCalibration.gamma}"></td>
+                </tr>
+                <tr th:if="${samplNewCalibrations == null or #lists.isEmpty(samplNewCalibrations)}">
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- SAMPLE: LIMITS PER ROI -->
+    <section>
+        <h3>SAMPLE: LIMITS PER ROI</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Roi</th>
+                    <th>Beta</th>
+                    <th>Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="roiChannel : ${roiChannelsS}">
+                    <td class="center" th:text="${roiChannel.roi}"></td>
+                    <td class="right" th:text="${roiChannel.bChanStr}"></td>
+                    <td class="right" th:text="${roiChannel.gChanStr}"></td>
+                </tr>
+                <tr th:if="${roiChannelsS == null or #lists.isEmpty(roiChannelsS)}">
+                    <td class="center">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- DET OLD CALIBRATION -->
+    <section>
+        <h3>DET OLD CALIBRATION</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Old Beta</th>
+                    <th>Old Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="detOldCalibration : ${detOldCalibrations}">
+                    <td class="right" th:text="${detOldCalibration.beta}"></td>
+                    <td class="right" th:text="${detOldCalibration.gamma}"></td>
+                </tr>
+                <tr th:if="${detOldCalibrations == null or #lists.isEmpty(detOldCalibrations)}">
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- DET NEW CALIBRATION -->
+    <section>
+        <h3>DET NEW CALIBRATION</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>New Beta</th>
+                    <th>New Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="detNewCalibration : ${detNewCalibrations}">
+                    <td class="right" th:text="${detNewCalibration.beta}"></td>
+                    <td class="right" th:text="${detNewCalibration.gamma}"></td>
+                </tr>
+                <tr th:if="${detNewCalibrations == null or #lists.isEmpty(detNewCalibrations)}">
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- DET: LIMITS PER ROI -->
+    <section>
+        <h3>DET: LIMITS PER ROI</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Roi</th>
+                    <th>Beta</th>
+                    <th>Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="roiChannel : ${roiChannelsD}">
+                    <td class="center" th:text="${roiChannel.roi}"></td>
+                    <td class="right" th:text="${roiChannel.bChanStr}"></td>
+                    <td class="right" th:text="${roiChannel.gChanStr}"></td>
+                </tr>
+                <tr th:if="${roiChannelsD == null or #lists.isEmpty(roiChannelsD)}">
+                    <td class="center">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- GAS OLD CALIBRATION -->
+    <section>
+        <h3>GAS OLD CALIBRATION</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Old Beta</th>
+                    <th>Old Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="gasOldCalibration : ${gasOldCalibrations}">
+                    <td class="right" th:text="${gasOldCalibration.beta}"></td>
+                    <td class="right" th:text="${gasOldCalibration.gamma}"></td>
+                </tr>
+                <tr th:if="${gasOldCalibrations == null or #lists.isEmpty(gasOldCalibrations)}">
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- GAS NEW CALIBRATION -->
+    <section>
+        <h3>GAS NEW CALIBRATION</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>New Beta</th>
+                    <th>New Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="gasNewCalibration : ${gasNewCalibrations}">
+                    <td class="right" th:text="${gasNewCalibration.beta}"></td>
+                    <td class="right" th:text="${gasNewCalibration.gamma}"></td>
+                </tr>
+                <tr th:if="${gasNewCalibrations == null or #lists.isEmpty(gasNewCalibrations)}">
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- GAS: LIMITS PER ROI -->
+    <section>
+        <h3>GAS: LIMITS PER ROI</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Roi</th>
+                    <th>Beta</th>
+                    <th>Gamma</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="roiChannel : ${roiChannelsG}">
+                    <td class="center" th:text="${roiChannel.roi}"></td>
+                    <td class="right" th:text="${roiChannel.bChanStr}"></td>
+                    <td class="right" th:text="${roiChannel.gChanStr}"></td>
+                </tr>
+                <tr th:if="${roiChannelsG == null or #lists.isEmpty(roiChannelsG)}">
+                    <td class="center">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- GROSS COUNTS PER ROI -->
+    <section>
+        <h3>GROSS COUNTS PER ROI</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Roi</th>
+                    <th>Sample</th>
+                    <th>GasBkgnd</th>
+                    <th>DetBkgnd</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="roiResult : ${roiResults}">
+                    <td class="center" th:text="${roiResult.roi}"></td>
+                    <td class="right" th:text="${roiResult.sGross}"></td>
+                    <td class="right" th:text="${roiResult.gGross}"></td>
+                    <td class="right" th:text="${roiResult.bGross}"></td>
+                </tr>
+                <tr th:if="${roiResults == null or #lists.isEmpty(roiResults)}">
+                    <td class="center">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- NET COUNTS AND LC PER ROI -->
+    <section>
+        <h3>NET COUNTS AND LC PER ROI</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Roi</th>
+                    <th>Net count</th>
+                    <th>Lc</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="roiResult : ${roiResults}">
+                    <td class="center" th:text="${roiResult.roi}"></td>
+                    <td class="right" th:text="${roiResult.netCount}"></td>
+                    <td class="right" th:text="${roiResult.lcCts}"></td>
+                </tr>
+                <tr th:if="${roiResults == null or #lists.isEmpty(roiResults)}">
+                    <td class="center">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- CONCENTRATION AND LC PER ROI -->
+    <section>
+        <h3>CONCENTRATION AND LC PER ROI</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Roi</th>
+                    <th>Conc(mBq/m3)</th>
+                    <th>LC(mBq/m3)</th>
+                    <th>MDC(mBq/m3)</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="roiResult : ${roiResults}">
+                    <td class="center" th:text="${roiResult.roi}"></td>
+                    <td class="right" th:text="${roiResult.concStr}"></td>
+                    <td class="right" th:text="${roiResult.lc}"></td>
+                    <td class="right" th:text="${roiResult.mdc}"></td>
+                </tr>
+                <tr th:if="${roiResults == null or #lists.isEmpty(roiResults)}">
+                    <td class="center">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- RESULT SUMMARY -->
+    <section>
+        <h3>RESULT SUMMARY</h3>
+        <table class="wide-table">
+            <thead>
+                <tr>
+                    <th>Nuclide Name</th>
+                    <th>Conc(mBq/m3)</th>
+                    <th>LC(mBq/m3)</th>
+                    <th>MDC(mBq/m3)</th>
+                    <th>NID Flag</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr th:each="xeResult : ${xeResults}">
+                    <td class="center" th:text="${xeResult.nuclideName}"></td>
+                    <td class="right" th:text="${xeResult.concStr}"></td>
+                    <td class="right" th:text="${xeResult.lc}"></td>
+                    <td class="right" th:text="${xeResult.mdc}"></td>
+                    <td class="right" th:text="${xeResult.nidFlag}"></td>
+                </tr>
+                <tr th:if="${xeResults == null or #lists.isEmpty(xeResults)}">
+                    <td class="center">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                    <td class="right">-</td>
+                </tr>
+            </tbody>
+        </table>
+    </section>
+
+    <!-- CHARTS SECTION -->
+    <section class="card">
+        <div class="grid-2">
+            <div>
+                <h4>Xe-131m Categorization history</h4>
+                <div class="canvas-wrap" id="xe131mHistory"></div>
+            </div>
+            <div>
+                <h4>Xe-131m frequency distribution</h4>
+                <div class="canvas-wrap" id="xe131mHistogram"></div>
+            </div>
+            <div>
+                <h4>Xe-133m Categorization history</h4>
+                <div class="canvas-wrap" id="xe133mHistory"></div>
+            </div>
+            <div>
+                <h4>Xe-133m frequency distribution</h4>
+                <div class="canvas-wrap" id="xe133mHistogram"></div>
+            </div>
+            <div>
+                <h4>Xe-133 Categorization history</h4>
+                <div class="canvas-wrap" id="xe133History"></div>
+            </div>
+            <div>
+                <h4>Xe-133 frequency distribution</h4>
+                <div class="canvas-wrap" id="xe133Histogram"></div>
+            </div>
+            <div>
+                <h4>Xe-135 Categorization history</h4>
+                <div class="canvas-wrap" id="xe135History"></div>
+            </div>
+            <div>
+                <h4>Xe-135 frequency distribution</h4>
+                <div class="canvas-wrap" id="xe135mHistogram"></div>
+            </div>
+            <div>
+                <h4>Xe-133/Xe-131m history</h4>
+                <div class="canvas-wrap" id="xe131mHistory5"></div>
+            </div>
+            <div>
+                <h4>Xe-133/Xe-131m frequency distribution</h4>
+                <div class="canvas-wrap" id="xe131mHistogram5"></div>
+            </div>
+            <div>
+                <h4>Xe-133m/Xe-131m history</h4>
+                <div class="canvas-wrap" id="xe131mHistory6"></div>
+            </div>
+            <div>
+                <h4>Xe-133m/Xe-131m frequency distribution</h4>
+                <div class="canvas-wrap" id="xe131mHistogram6"></div>
+            </div>
+            <div>
+                <h4>Xe-133m/Xe-133 history</h4>
+                <div class="canvas-wrap" id="xe131mHistory7"></div>
+            </div>
+            <div>
+                <h4>Xe-133m/Xe-133 frequency distribution</h4>
+                <div class="canvas-wrap" id="xe131mHistogram7"></div>
+            </div>
+            <div>
+                <h4>Xe-135/Xe-133 history</h4>
+                <div class="canvas-wrap" id="xe131mHistory8"></div>
+            </div>
+            <div>
+                <h4>Xe-135/Xe-133 frequency distribution</h4>
+                <div class="canvas-wrap" id="xe131mHistogram8"></div>
+            </div>
+        </div>
+    </section>
+</div>
+<!-- 数据绑定与图表渲染 -->
+<script th:inline="javascript">
+    /*<![CDATA[*/
+    /* Xe-131m    1 */
+    //#region  Xe-131m
+    //#region Xe-131m Categorization history
+    const xe131mHistoryData =JSON.parse(JSON.stringify( /*[[${Xe131mHistory1Data}]]*/ []));
+    let xe131mthresholHis = xe131mHistoryData?.xe131mthresholHis;
+    let xe131mData = xe131mHistoryData?.history.sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop));
+    // console.log('xe131mData', xe131mData);
+    let xe131myData = {
+        mdc: [],
+        lc: [],
+        conc: [],//活度浓度
+    }
+    let xe131mY = []
+    let xe131mXData = [];//采集停止时间 x轴
+    xe131mData.forEach(item => {
+        xe131myData.mdc.push([item.collectStop.substr(0, 19), item.mdc]);
+        xe131myData.lc.push([item.collectStop.substr(0, 19), item.lc]);
+        xe131myData.conc.push([item.collectStop.substr(0, 19), item.conc, item.concErr, item.category]);
+        // xe131myData.conc.push(item.conc);
+        // xe131myData.concErr.push(item.concErr);
+        xe131mXData.push(item.collectStop.substr(0, 19));
+        xe131mY.push(item.mdc);
+        xe131mY.push(item.lc);
+    });
+    // console.log(xe131myData, 'xe131myData');
+    // console.log(xe131mY, 'xe131mY');
+
+    const xe131mYMax = Math.max(...xe131mY)
+    const xe131mYMin = Math.min(...xe131mY)
+    // console.log('xe131mYMax:', xe131mYMax, 'xe131mYMin:', xe131mYMin)
+    const option = {
+        legend: { type: 'plain', data: xe131mData.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            // data: xe131mXData,
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280',
+                // rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            }
+        },
+        yAxis: {
+            type: 'value',
+            name: 'Xe-131m,(mBq/m3)',
+            nameLocation: 'middle',
+            nameGap: 20,
+            scale: true,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: '#e5e7eb'
+                }
+            },
+            // min: xe131mYMin > 0 ? 0 : Math.floor(xe131mYMin)
+            min: -2,
+            max: Math.ceil(xe131mYMax),
+            interval: 1, // 刻度间隔
+        },
+        series: [
+            {
+                name: 'level',
+                type: 'custom',
+                renderItem: function (params, api) {
+                    var xValue = api.value(0);
+                    var yValue = api.value(1);
+                    var error = api.value(2);
+                    var level = api.value(3); // 获取等级值
+                    // 根据等级设置颜色和形状
+                    var color, symbolType;
+                    switch (level) {
+                        case 1:
+                            color = '#52c41a'; // 绿色
+                            symbolType = 'circle';
+                            break;
+                        case 2:
+                            color = '#faad14'; // 黄色
+                            symbolType = 'rect';
+                            break;
+                        case 3:
+                            color = '#f5222d'; // 红色
+                            symbolType = 'triangle';
+                            break;
+                        default:
+                            color = '#5470c6'; // 默认蓝色
+                            symbolType = 'circle';
+                    }
+                    var point = api.coord([xValue, yValue]);
+                    var top = api.coord([xValue, yValue + error]);
+                    var bottom = api.coord([xValue, yValue - error]);
+
+                    // 创建图形组
+                    var children = [
+                        // 误差棒垂直线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0],
+                                y1: top[1],
+                                x2: point[0],
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒顶部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: top[1],
+                                x2: point[0] + 5,
+                                y2: top[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒底部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: bottom[1],
+                                x2: point[0] + 5,
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        }
+                    ];
+
+                    // 根据等级添加不同的散点形状
+                    switch (symbolType) {
+                        case 'circle':
+                            children.push({
+                                type: 'circle',
+                                shape: {
+                                    cx: point[0],
+                                    cy: point[1],
+                                    r: 4
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'rect':
+                            children.push({
+                                type: 'rect',
+                                shape: {
+                                    x: point[0] - 4,
+                                    y: point[1] - 4,
+                                    width: 8,
+                                    height: 8
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'triangle':
+                            children.push({
+                                type: 'polygon',
+                                shape: {
+                                    points: [
+                                        [point[0], point[1] - 5], // 上顶点
+                                        [point[0] - 4, point[1] + 3], // 左下角
+                                        [point[0] + 4, point[1] + 3] // 右下角
+                                    ]
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                    }
+
+                    return {
+                        type: 'group',
+                        children: children
+                    };
+                },
+                data: xe131myData.conc,
+                z: 10
+            },
+            // {
+            //     name: 'level',
+            //     type: 'scatter',
+            //     symbolSize: 4,
+            //     data: xe131myData.category.map(item => {
+            //         return [item[0], item[1]];
+            //     }),
+            //     // data: [...new Set(xe131myData.category.map(item => JSON.stringify(item)))].map(str => JSON.parse(str)),
+            //     itemStyle: {
+            //         color: 'rgba(255, 99, 132, 0.8)',
+            //         borderColor: 'rgba(255, 99, 132, 1)',
+            //         borderWidth: 1
+            //     }
+            // },
+            {
+                name: 'mdc',
+                type: 'line',
+                data: xe131myData.mdc,
+                // stack: 'x',
+                symbolSize: 0,
+                // smooth: 0.3 // 轻微平滑
+            },
+            {
+                name: 'lc',
+                type: 'line',
+                data: xe131myData.lc,
+                // stack: 'x',
+                // step: 'start',
+                symbolSize: 0,
+                // itemStyle: {
+                //     color: '#939393',
+                //     borderWidth: 1,
+                // },
+                // barWidth: '10%',
+                // yAxisIndex: 1,
+            },
+            // 添加专门的阈值线系列
+            {
+                name: '阈值',
+                type: 'line',
+                markLine: {
+                    data: [
+                        { yAxis: 3.0 }
+                    ],
+                    // data:xe131mthresholHis[0].thresholValue,
+                    lineStyle: {
+                        color: '#ff0000',
+                        width: 2,
+                        type: 'dashed'
+                    },
+                    label: {
+                        show: true,
+                        position: 'end',
+                        formatter: '阈值: 3.0'
+                    },
+                    symbol: 'none'
+                },
+                data: [], // 空数据，只显示标线
+                lineStyle: {
+                    opacity: 0 // 隐藏实际连线
+                }
+            }
+        ],
+    };
+    const myChart = echarts.init(document.getElementById('xe131mHistory'));
+    myChart.setOption(option);
+    //#endregion
+
+    //#region Xe-131m frequency distribution
+    const xe131mHistogramData = JSON.parse(JSON.stringify(/*[[${Xe131mHistogramData}]]*/ []));
+
+    const xe131mCdfPoints = xe131mHistogramData?.cdfPoints; // 累积分布函数
+    const xe131mPercentile95 = xe131mHistogramData?.percentile95; // 95%累积线
+    const xe131mKdePoints = xe131mHistogramData?.kdePoints; // 核密度估计
+    // const xe131mCumulative = xe131mHistogramData?.cumulative;// 所有浓度累积
+    const xe131mStats = xe131mHistogramData?.stats; // 区间统计
+    // const xe131mxDate = [];
+    // const xe131myData = [];
+    const xe131mBarData = {
+        kdePoints: []
+    }
+    xe131mKdePoints.map((item) => {
+        xe131mBarData.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData.kdePoints);
+    const xe131mCdfP = xe131mCdfPoints.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    xe131mStats.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = xe131mStats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    // const xe131mAllLevels = [...new Set(
+    //     xe131mStats.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    // )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // // 为每个等级生成系列数据
+    // const xe131mSeries = xe131mAllLevels.map((level) => {
+    //     // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+    //     return xe131mStats.map(item => [
+    //         item.x, // x轴坐标（interval值）
+    //         item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+    //     ]);
+    // });
+    // // console.log('seriesData11', xe131mSeries);
+    // // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    // const series1 = xe131mAllLevels.map((level, index) => ({
+    //     name: `级别(${level})`,
+    //     type: 'bar',
+    //     stack: 'total', // 共用stack实现堆积
+    //     data: xe131mSeries[index], // 该等级的[x, value]数据
+    //     barGap: '-100%', // 负值使柱子重叠
+    //     barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    // }));
+    // console.log('xe131mSeries', JSON.stringify(series[0]), JSON.stringify(series[1]));
+    xe131mBarData.percentile95 = xe131mPercentile95;
+    xe131mBarData.cdfPoints = xe131mCdfP;
+    // xe131mBarData.cumulative = cumulative;
+    xe131mBarData.stats = xe131mStats;
+    // xe131mBarData.xAxisData = xDate;
+    // xe131mBarData.yAxisData = yData;
+    console.log(xe131mBarData, 'xe131mBarData1111')
+    const xe131mAllSeries = [
+        // ...series,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: xe131mBarData.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [xe131mBarData.percentile95, 0.95]
+            ],
+            /*]]>*/
+
+
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: xe131mBarData.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: xe131mBarData.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let xe131mAllXValues = [];
+    xe131mAllSeries.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            xe131mAllXValues.push(item[0]);
+        });
+    });
+    // console.log(xe131mAllXValues, 'allXValues33333333');
+
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const xe131mMaxX = xe131mAllXValues.length > 0 ? Math.max(...xe131mAllXValues) : 0;
+    const xe131mMinX = xe131mAllXValues.length > 0 ? Math.min(...xe131mAllXValues) : 0;
+    console.log('xe131mMaxX', xe131mMaxX);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const xe131mMaxXDivisibleBy200 = Math.ceil(xe131mMaxX / 200) * 200;
+    const xe131mMinXDivisibleBy200 = Math.ceil(xe131mMinX / 200) * 200;
+    // console.log(xe131mMaxXDivisibleBy200, 'xe131mMaxXDivisibleBy200');
+    const barOption = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: xe131mBarData.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: xe131mMaxXDivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: xe131mMinXDivisibleBy200,
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: xe131mBarData.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: xe131mAllSeries,
+    };
+    const barChart1 = echarts.init(document.getElementById('xe131mHistogram'));
+    barChart1.setOption(barOption);
+    // #endregion
+    //#endregion  Xe-131m
+
+    /*Xe-133m    2 */
+    //#region  Xe-133m
+    //#region Xe-133m Categorization history
+    const xe133mHistoryData = JSON.parse(JSON.stringify( /*[[${Xe133mHistory1Data}]]*/ []));
+    let xe133mthresholHis = xe133mHistoryData?.xe131mthresholHis;
+    let xe133mData = xe133mHistoryData?.history.sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop));
+    // console.log('xe133mData', xe133mData);
+    let xe133myData = {
+        mdc: [],
+        lc: [],
+        conc: [],//活度浓度
+    }
+    let xe133mXData = [];//采集停止时间 x轴
+    let xe133mY = []
+    xe133mData.forEach(item => {
+        xe133myData.mdc.push([item.collectStop.substr(0, 19), item.mdc]);
+        xe133myData.lc.push([item.collectStop.substr(0, 19), item.lc]);
+        xe133myData.conc.push([item.collectStop.substr(0, 19), item.conc, item.concErr, item.category]);
+        // xe131myData.conc.push(item.conc);
+        // xe131myData.concErr.push(item.concErr);
+        xe133mXData.push(item.collectStop.substr(0, 19));
+        xe133mY.push(item.mdc);
+        xe133mY.push(item.lc);
+    });
+    console.log(xe131myData, 'xe131myData');
+    // console.log(xe131mY, 'xe131mY');
+
+    const xe133mYMax = Math.max(...xe133mY)
+    const xe133mYMin = Math.min(...xe133mY)
+    const xe133mOption = {
+        legend: { type: 'plain', data: xe133mData.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            // data: xe131mXData,
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280',
+                // rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            }
+        },
+        yAxis: {
+            type: 'value',
+            name: 'Xe-131m,(mBq/m3)',
+            nameLocation: 'middle',
+            nameGap: 20,
+            scale: true,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: '#e5e7eb'
+                }
+            },
+            // min: xe131mYMin > 0 ? 0 : Math.floor(xe131mYMin)
+            min: -2,
+            max: Math.ceil(xe133mYMax),
+            interval: 1, // 刻度间隔
+        },
+        series: [
+            {
+                name: 'level',
+                type: 'custom',
+                renderItem: function (params, api) {
+                    var xValue = api.value(0);
+                    var yValue = api.value(1);
+                    var error = api.value(2);
+                    var level = api.value(3); // 获取等级值
+                    // 根据等级设置颜色和形状
+                    var color, symbolType;
+                    switch (level) {
+                        case 1:
+                            color = '#52c41a'; // 绿色
+                            symbolType = 'circle';
+                            break;
+                        case 2:
+                            color = '#faad14'; // 黄色
+                            symbolType = 'rect';
+                            break;
+                        case 3:
+                            color = '#f5222d'; // 红色
+                            symbolType = 'triangle';
+                            break;
+                        default:
+                            color = '#5470c6'; // 默认蓝色
+                            symbolType = 'circle';
+                    }
+                    var point = api.coord([xValue, yValue]);
+                    var top = api.coord([xValue, yValue + error]);
+                    var bottom = api.coord([xValue, yValue - error]);
+
+                    // 创建图形组
+                    var children = [
+                        // 误差棒垂直线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0],
+                                y1: top[1],
+                                x2: point[0],
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒顶部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: top[1],
+                                x2: point[0] + 5,
+                                y2: top[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒底部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: bottom[1],
+                                x2: point[0] + 5,
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        }
+                    ];
+
+                    // 根据等级添加不同的散点形状
+                    switch (symbolType) {
+                        case 'circle':
+                            children.push({
+                                type: 'circle',
+                                shape: {
+                                    cx: point[0],
+                                    cy: point[1],
+                                    r: 4
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'rect':
+                            children.push({
+                                type: 'rect',
+                                shape: {
+                                    x: point[0] - 4,
+                                    y: point[1] - 4,
+                                    width: 8,
+                                    height: 8
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'triangle':
+                            children.push({
+                                type: 'polygon',
+                                shape: {
+                                    points: [
+                                        [point[0], point[1] - 5], // 上顶点
+                                        [point[0] - 4, point[1] + 3], // 左下角
+                                        [point[0] + 4, point[1] + 3] // 右下角
+                                    ]
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                    }
+
+                    return {
+                        type: 'group',
+                        children: children
+                    };
+                },
+                data: xe133myData.conc,
+                z: 10
+            },
+            // {
+            //     name: 'level',
+            //     type: 'scatter',
+            //     symbolSize: 4,
+            //     data: xe133mData.category.map(item => {
+            //         return [item[0], item[1]];
+            //     }),
+            //     // data: [...new Set(xe133mData.category.map(item => JSON.stringify(item)))].map(str => JSON.parse(str)),
+            //     itemStyle: {
+            //         color: 'rgba(255, 99, 132, 0.8)',
+            //         borderColor: 'rgba(255, 99, 132, 1)',
+            //         borderWidth: 1
+            //     }
+            // },
+            {
+                name: 'mdc',
+                type: 'line',
+                data: xe133myData.mdc,
+                // stack: 'x',
+                symbolSize: 0,
+                // smooth: 0.3 // 轻微平滑
+            },
+            {
+                name: 'lc',
+                type: 'line',
+                data: xe133myData.lc,
+                // stack: 'x',
+                // step: 'start',
+                symbolSize: 0,
+                // itemStyle: {
+                //     color: '#939393',
+                //     borderWidth: 1,
+                // },
+                // barWidth: '10%',
+                // yAxisIndex: 1,
+            },
+            // 添加专门的阈值线系列
+            {
+                name: '阈值',
+                type: 'line',
+                markLine: {
+                    data: [
+                        { yAxis: 3.0 }
+                    ],
+                    // data:xe131mthresholHis[0].thresholValue,
+                    lineStyle: {
+                        color: '#ff0000',
+                        width: 2,
+                        type: 'dashed'
+                    },
+                    label: {
+                        show: true,
+                        position: 'end',
+                        formatter: '阈值: 3.0'
+                    },
+                    symbol: 'none'
+                },
+                data: [], // 空数据，只显示标线
+                lineStyle: {
+                    opacity: 0 // 隐藏实际连线
+                }
+            }
+        ],
+    };
+    const myChart2 = echarts.init(document.getElementById('xe133mHistory'));
+    myChart2.setOption(xe133mOption);
+    //#endregion
+
+    //#region Xe-133m frequency distribution
+    const xe133mHistogramData =  /*[[${Xe133mHistogramData}]]*/ [];
+    const xe133mCdfPoints = xe133mHistogramData?.cdfPoints; // 累积分布函数
+    const xe133mPercentile95 = xe133mHistogramData?.percentile95; // 95%累积线
+    const xe133mKdePoints = xe133mHistogramData?.kdePoints; // 核密度估计
+    // const xe131mCumulative = xe133mHistogramData?.cumulative;// 所有浓度累积
+    const xe133mStats = xe133mHistogramData?.stats; // 区间统计
+    // const xe131mxDate = [];
+    // const xe131myData = [];
+    const xe133mBarData = {
+        kdePoints: []
+    }
+    xe133mKdePoints.map((item) => {
+        xe133mBarData.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData.kdePoints);
+    const xe133mCdfP = xe133mCdfPoints.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    xe133mStats.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = xe133mStats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    // const xe133mAllLevels = [...new Set(
+    //     xe133mStats.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    // )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // // 为每个等级生成系列数据
+    // const xe133mSeries = xe133mAllLevels.map((level) => {
+    //     // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+    //     return xe133mStats.map(item => [
+    //         item.x, // x轴坐标（interval值）
+    //         item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+    //     ]);
+    // });
+    // // console.log('seriesData11', xe133mSeries);
+    // // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    // const series1 = xe133mAllLevels.map((level, index) => ({
+    //     name: `级别(${level})`,
+    //     type: 'bar',
+    //     stack: 'total', // 共用stack实现堆积
+    //     data: xe133mSeries[index], // 该等级的[x, value]数据
+    //     barGap: '-100%', // 负值使柱子重叠
+    //     barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    // }));
+    // console.log('xe133mSeries', JSON.stringify(series[0]), JSON.stringify(series[1]));
+    xe133mBarData.percentile95 = xe133mPercentile95;
+    xe133mBarData.cdfPoints = xe133mCdfP;
+    // xe133mBarData.cumulative = cumulative;
+    xe133mBarData.stats = xe133mStats;
+    // xe133mBarData.xAxisData = xDate;
+    // xe133mBarData.yAxisData = yData;
+    const xe133mAllSeries = [
+        // ...series,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: xe133mBarData.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [xe133mBarData.percentile95, 0.95]
+            ],
+            /*]]>*/
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: xe133mBarData.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: xe133mBarData.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let xe133mAllXValues = [];
+    xe133mAllSeries.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            xe133mAllXValues.push(item[0]);
+        });
+    });
+    // console.log(xe133mAllXValues, 'allXValues33333333');
+
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const xe133mMaxX = xe133mAllXValues.length > 0 ? Math.max(...xe133mAllXValues) : 0;
+    const xe133mMinX = xe133mAllXValues.length > 0 ? Math.min(...xe133mAllXValues) : 0;
+    // console.log('maxX', maxX);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const xe133mMaxXDivisibleBy200 = Math.ceil(xe133mMaxX / 200) * 200;
+    const xe133mMinXDivisibleBy200 = Math.ceil(xe133mMinX / 200) * 200;
+    // console.log(maxXDivisibleBy200, 'maxXDivisibleBy200');
+    const barOption2 = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: xe133mBarData.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: xe133mMaxXDivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: xe133mMinXDivisibleBy200,
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: xe133mBarData.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: xe133mAllSeries,
+    };
+    const barChart2 = echarts.init(document.getElementById('xe133mHistogram'));
+    barChart2.setOption(barOption2);
+    //#endregion
+    //#endregion Xe-133m
+
+    /* Xe-133 history.    3 */
+    //#region  Xe-133
+    //#region Xe-133 Categorization history
+    const xe133HistoryData = JSON.parse(JSON.stringify( /*[[${Xe133History1Data}]]*/ []));
+    let xe133thresholHis = xe133mHistoryData?.xe131mthresholHis;
+    let xe133Data = xe133mHistoryData?.history.sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop));
+    // console.log('xe133HistoryData', xe133HistoryData);
+    let xe133yData = {
+        mdc: [],
+        lc: [],
+        conc: [],//活度浓度
+    }
+    let xe133XData = [];//采集停止时间 x轴
+    let xe133Y = []
+    xe133Data.forEach(item => {
+        xe133yData.mdc.push([item.collectStop.substr(0, 19), item.mdc]);
+        xe133yData.lc.push([item.collectStop.substr(0, 19), item.lc]);
+        xe133yData.conc.push([item.collectStop.substr(0, 19), item.conc, item.concErr, item.category]);
+        // xe131myData.conc.push(item.conc);
+        // xe131myData.concErr.push(item.concErr);
+        xe133XData.push(item.collectStop.substr(0, 19));
+        xe133Y.push(item.mdc);
+        xe133Y.push(item.lc);
+    });
+    // console.log(xe133yData, 'xe133yData');
+    // console.log(xe131mY, 'xe131mY');
+
+    const xe133YMax = Math.max(...xe133Y)
+    const xe133YMin = Math.min(...xe133Y)
+
+    const xe133Option = {
+        legend: { type: 'plain', data: xe133Data.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            // data: xe131mXData,
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280',
+                // rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            }
+        },
+        yAxis: {
+            type: 'value',
+            name: 'Xe-131m,(mBq/m3)',
+            nameLocation: 'middle',
+            nameGap: 20,
+            scale: true,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: '#e5e7eb'
+                }
+            },
+            // min: xe131mYMin > 0 ? 0 : Math.floor(xe131mYMin)
+            min: -2,
+            max: Math.ceil(xe133YMax),
+            interval: 1, // 刻度间隔
+        },
+        series: [
+            {
+                name: 'level',
+                type: 'custom',
+                renderItem: function (params, api) {
+                    var xValue = api.value(0);
+                    var yValue = api.value(1);
+                    var error = api.value(2);
+                    var level = api.value(3); // 获取等级值
+                    // 根据等级设置颜色和形状
+                    var color, symbolType;
+                    switch (level) {
+                        case 1:
+                            color = '#52c41a'; // 绿色
+                            symbolType = 'circle';
+                            break;
+                        case 2:
+                            color = '#faad14'; // 黄色
+                            symbolType = 'rect';
+                            break;
+                        case 3:
+                            color = '#f5222d'; // 红色
+                            symbolType = 'triangle';
+                            break;
+                        default:
+                            color = '#5470c6'; // 默认蓝色
+                            symbolType = 'circle';
+                    }
+                    var point = api.coord([xValue, yValue]);
+                    var top = api.coord([xValue, yValue + error]);
+                    var bottom = api.coord([xValue, yValue - error]);
+
+                    // 创建图形组
+                    var children = [
+                        // 误差棒垂直线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0],
+                                y1: top[1],
+                                x2: point[0],
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒顶部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: top[1],
+                                x2: point[0] + 5,
+                                y2: top[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒底部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: bottom[1],
+                                x2: point[0] + 5,
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        }
+                    ];
+
+                    // 根据等级添加不同的散点形状
+                    switch (symbolType) {
+                        case 'circle':
+                            children.push({
+                                type: 'circle',
+                                shape: {
+                                    cx: point[0],
+                                    cy: point[1],
+                                    r: 4
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'rect':
+                            children.push({
+                                type: 'rect',
+                                shape: {
+                                    x: point[0] - 4,
+                                    y: point[1] - 4,
+                                    width: 8,
+                                    height: 8
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'triangle':
+                            children.push({
+                                type: 'polygon',
+                                shape: {
+                                    points: [
+                                        [point[0], point[1] - 5], // 上顶点
+                                        [point[0] - 4, point[1] + 3], // 左下角
+                                        [point[0] + 4, point[1] + 3] // 右下角
+                                    ]
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                    }
+
+                    return {
+                        type: 'group',
+                        children: children
+                    };
+                },
+                data: xe133yData.conc,
+                z: 10
+            },
+            // {
+            //     name: 'level',
+            //     type: 'scatter',
+            //     symbolSize: 4,
+            //     data: xe133yData.category.map(item => {
+            //         return [item[0], item[1]];
+            //     }),
+            //     // data: [...new Set(xe133yData.category.map(item => JSON.stringify(item)))].map(str => JSON.parse(str)),
+            //     itemStyle: {
+            //         color: 'rgba(255, 99, 132, 0.8)',
+            //         borderColor: 'rgba(255, 99, 132, 1)',
+            //         borderWidth: 1
+            //     }
+            // },
+            {
+                name: 'mdc',
+                type: 'line',
+                data: xe133yData.mdc,
+                // stack: 'x',
+                symbolSize: 0,
+                // smooth: 0.3 // 轻微平滑
+            },
+            {
+                name: 'lc',
+                type: 'line',
+                data: xe133yData.lc,
+                // stack: 'x',
+                // step: 'start',
+                symbolSize: 0,
+                // itemStyle: {
+                //     color: '#939393',
+                //     borderWidth: 1,
+                // },
+                // barWidth: '10%',
+                // yAxisIndex: 1,
+            },
+            // 添加专门的阈值线系列
+            {
+                name: '阈值',
+                type: 'line',
+                markLine: {
+                    data: [
+                        { yAxis: 3.0 }
+                    ],
+                    // data:xe131mthresholHis[0].thresholValue,
+                    lineStyle: {
+                        color: '#ff0000',
+                        width: 2,
+                        type: 'dashed'
+                    },
+                    label: {
+                        show: true,
+                        position: 'end',
+                        formatter: '阈值: 3.0'
+                    },
+                    symbol: 'none'
+                },
+                data: [], // 空数据，只显示标线
+                lineStyle: {
+                    opacity: 0 // 隐藏实际连线
+                }
+            }
+        ],
+    };
+    const myChart3 = echarts.init(document.getElementById('xe133History'));
+    myChart3.setOption(xe133Option);
+    //#endregion
+
+    //#region Xe-133 frequency distribution
+    const xe133HistogramData = JSON.parse(JSON.stringify(/*[[${Xe133HistogramData}]]*/[]));
+    const xe133CdfPoints = xe133HistogramData?.cdfPoints; // 累积分布函数
+    const xe133Percentile95 = xe133HistogramData?.percentile95; // 95%累积线
+    const xe133KdePoints = xe133HistogramData?.kdePoints; // 核密度估计
+    // const xe131mCumulative = xe133HistogramData?.cumulative;// 所有浓度累积
+    const xe133Stats = xe133HistogramData?.stats; // 区间统计
+    // const xe131mxDate = [];
+    // const xe131myData = [];
+    const xe133BarData = {
+        kdePoints: []
+    }
+    xe133KdePoints.map((item) => {
+        xe133BarData.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData.kdePoints);
+    const xe133CdfP = xe133CdfPoints.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    xe133Stats.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = xe133Stats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    // const xe133AllLevels = [...new Set(
+    //     xe133Stats.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    // )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // // 为每个等级生成系列数据
+    // const xe133Series = xe133AllLevels.map((level) => {
+    //     // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+    //     return xe133Stats.map(item => [
+    //         item.x, // x轴坐标（interval值）
+    //         item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+    //     ]);
+    // });
+    // // console.log('seriesData11', xe133Series);
+    // // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    // const series1 = xe133AllLevels.map((level, index) => ({
+    //     name: `级别(${level})`,
+    //     type: 'bar',
+    //     stack: 'total', // 共用stack实现堆积
+    //     data: xe133Series[index], // 该等级的[x, value]数据
+    //     barGap: '-100%', // 负值使柱子重叠
+    //     barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    // }));
+    // console.log('xe133Series', JSON.stringify(series[0]), JSON.stringify(series[1]));
+    xe133BarData.percentile95 = xe133Percentile95;
+    xe133BarData.cdfPoints = xe133CdfP;
+    // xe133BarData.cumulative = cumulative;
+    xe133BarData.stats = xe133Stats;
+    // xe133BarData.xAxisData = xDate;
+    // xe133BarData.yAxisData = yData;
+    const xe133AllSeries = [
+        // ...series,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: xe133BarData.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [xe133BarData.percentile95, 0.95]
+            ],
+            /*]]>*/
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: xe133BarData.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: xe133BarData.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let xe133AllXValues = [];
+    xe133AllSeries.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            xe133AllXValues.push(item[0]);
+        });
+    });
+    // console.log(xe133AllXValues, 'allXValues33333333');
+
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const xe133MaxX = xe133AllXValues.length > 0 ? Math.max(...xe133AllXValues) : 0;
+    const xe133MinX = xe133AllXValues.length > 0 ? Math.min(...xe133AllXValues) : 0;
+    // console.log('maxX', maxX);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const xe133MaxXDivisibleBy200 = Math.ceil(xe133MaxX / 200) * 200;
+    const xe133MinXDivisibleBy200 = Math.ceil(xe133MinX / 200) * 200;
+    // console.log(maxXDivisibleBy200, 'maxXDivisibleBy200');
+    const barOption3 = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: xe133BarData.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: xe133MaxXDivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: xe133MinXDivisibleBy200,
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: xe133BarData.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: xe133AllSeries,
+    };
+    const barChart3 = echarts.init(document.getElementById('xe133Histogram'));
+    barChart3.setOption(barOption3);
+    //#endregion
+    //#endregion Xe-133
+
+    /* Xe-135  4 */
+    //#region  Xe-135
+    //#region Xe-135 Categorization history
+    const xe135HistoryData =  JSON.parse(JSON.stringify(/*[[${Xe135History1Data}]]*/ []));
+    let xe135thresholHis = xe135HistoryData?.xe131mthresholHis;
+    let xe135Data = xe135HistoryData?.history.sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop));
+    // console.log('xe133mData', xe133mData);
+    let xe135yData = {
+        mdc: [],
+        lc: [],
+        conc: [],//活度浓度
+    }
+    let xe135XData = [];//采集停止时间 x轴
+    let xe135Y = []
+    xe135Data.forEach(item => {
+        xe135yData.mdc.push([item.collectStop.substr(0, 19), item.mdc]);
+        xe135yData.lc.push([item.collectStop.substr(0, 19), item.lc]);
+        xe135yData.conc.push([item.collectStop.substr(0, 19), item.conc, item.concErr, item.category]);
+        // xe131myData.conc.push(item.conc);
+        // xe131myData.concErr.push(item.concErr);
+        xe135XData.push(item.collectStop.substr(0, 19));
+        xe135Y.push(item.mdc);
+        xe135Y.push(item.lc);
+    });
+    // console.log(xe131myData, 'xe131myData');
+    // console.log(xe131mY, 'xe131mY');
+
+    const xe135YMax = Math.max(...xe135Y)
+    const xe135YMin = Math.min(...xe135Y)
+    const xe135Option = {
+        legend: { type: 'plain', data: xe135Data.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            // data: xe131mXData,
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280',
+                // rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            }
+        },
+        yAxis: {
+            type: 'value',
+            name: 'Xe-131m,(mBq/m3)',
+            nameLocation: 'middle',
+            nameGap: 20,
+            scale: true,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: '#e5e7eb'
+                }
+            },
+            // min: xe131mYMin > 0 ? 0 : Math.floor(xe131mYMin)
+            min: -2,
+            // max: Math.ceil(xe135YMax),
+            // interval: 1, // 刻度间隔
+        },
+        series: [
+            {
+                name: 'level',
+                type: 'custom',
+                renderItem: function (params, api) {
+                    var xValue = api.value(0);
+                    var yValue = api.value(1);
+                    var error = api.value(2);
+                    var level = api.value(3); // 获取等级值
+                    // 根据等级设置颜色和形状
+                    var color, symbolType;
+                    switch (level) {
+                        case 1:
+                            color = '#52c41a'; // 绿色
+                            symbolType = 'circle';
+                            break;
+                        case 2:
+                            color = '#faad14'; // 黄色
+                            symbolType = 'rect';
+                            break;
+                        case 3:
+                            color = '#f5222d'; // 红色
+                            symbolType = 'triangle';
+                            break;
+                        default:
+                            color = '#5470c6'; // 默认蓝色
+                            symbolType = 'circle';
+                    }
+                    var point = api.coord([xValue, yValue]);
+                    var top = api.coord([xValue, yValue + error]);
+                    var bottom = api.coord([xValue, yValue - error]);
+
+                    // 创建图形组
+                    var children = [
+                        // 误差棒垂直线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0],
+                                y1: top[1],
+                                x2: point[0],
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒顶部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: top[1],
+                                x2: point[0] + 5,
+                                y2: top[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        },
+                        // 误差棒底部横线
+                        {
+                            type: 'line',
+                            shape: {
+                                x1: point[0] - 5,
+                                y1: bottom[1],
+                                x2: point[0] + 5,
+                                y2: bottom[1]
+                            },
+                            style: {
+                                stroke: color,
+                                lineWidth: 2
+                            }
+                        }
+                    ];
+
+                    // 根据等级添加不同的散点形状
+                    switch (symbolType) {
+                        case 'circle':
+                            children.push({
+                                type: 'circle',
+                                shape: {
+                                    cx: point[0],
+                                    cy: point[1],
+                                    r: 4
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'rect':
+                            children.push({
+                                type: 'rect',
+                                shape: {
+                                    x: point[0] - 4,
+                                    y: point[1] - 4,
+                                    width: 8,
+                                    height: 8
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                        case 'triangle':
+                            children.push({
+                                type: 'polygon',
+                                shape: {
+                                    points: [
+                                        [point[0], point[1] - 5], // 上顶点
+                                        [point[0] - 4, point[1] + 3], // 左下角
+                                        [point[0] + 4, point[1] + 3] // 右下角
+                                    ]
+                                },
+                                style: {
+                                    fill: color,
+                                    stroke: '#fff',
+                                    lineWidth: 1
+                                }
+                            });
+                            break;
+                    }
+
+                    return {
+                        type: 'group',
+                        children: children
+                    };
+                },
+                data: xe135yData.conc,
+                z: 10
+            },
+            // {
+            //     name: 'level',
+            //     type: 'scatter',
+            //     symbolSize: 4,
+            //     data: xe133mData.category.map(item => {
+            //         return [item[0], item[1]];
+            //     }),
+            //     // data: [...new Set(xe133mData.category.map(item => JSON.stringify(item)))].map(str => JSON.parse(str)),
+            //     itemStyle: {
+            //         color: 'rgba(255, 99, 132, 0.8)',
+            //         borderColor: 'rgba(255, 99, 132, 1)',
+            //         borderWidth: 1
+            //     }
+            // },
+            {
+                name: 'mdc',
+                type: 'line',
+                data: xe135yData.mdc,
+                // stack: 'x',
+                symbolSize: 0,
+                // smooth: 0.3 // 轻微平滑
+            },
+            {
+                name: 'lc',
+                type: 'line',
+                data: xe135yData.lc,
+                // stack: 'x',
+                // step: 'start',
+                symbolSize: 0,
+                // itemStyle: {
+                //     color: '#939393',
+                //     borderWidth: 1,
+                // },
+                // barWidth: '10%',
+                // yAxisIndex: 1,
+            },
+            // 添加专门的阈值线系列
+            {
+                name: '阈值',
+                type: 'line',
+                markLine: {
+                    data: [
+                        { yAxis: 3.0 }
+                    ],
+                    // data:xe131mthresholHis[0].thresholValue,
+                    lineStyle: {
+                        color: '#ff0000',
+                        width: 2,
+                        type: 'dashed'
+                    },
+                    label: {
+                        show: true,
+                        position: 'end',
+                        formatter: '阈值: 3.0'
+                    },
+                    symbol: 'none'
+                },
+                data: [], // 空数据，只显示标线
+                lineStyle: {
+                    opacity: 0 // 隐藏实际连线
+                }
+            }
+        ],
+    };
+    const myChart4 = echarts.init(document.getElementById('xe135History'));
+    myChart4.setOption(xe135Option);
+    //#endregion
+
+    //#region Xe-135 frequency distribution
+    const xe135HistogramData = JSON.parse(JSON.stringify(/*[[${Xe135HistogramData}]]*/[]));
+    const xe135CdfPoints = xe135HistogramData?.cdfPoints; // 累积分布函数
+    const xe135Percentile95 = xe135HistogramData?.percentile95; // 95%累积线
+    const xe135KdePoints = xe135HistogramData?.kdePoints; // 核密度估计
+    // const xe131mCumulative = xe135HistogramData?.cumulative;// 所有浓度累积
+    const xe135Stats = xe135HistogramData?.stats; // 区间统计
+    // const xe131mxDate = [];
+    // const xe131myData = [];
+    const xe135BarData = {
+        kdePoints: []
+    }
+    xe135KdePoints.map((item) => {
+        xe135BarData.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData.kdePoints);
+    const xe135CdfP = xe135CdfPoints.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    xe135Stats.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = xe135Stats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    // const xe135AllLevels = [...new Set(
+    //     xe135Stats.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    // )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // // 为每个等级生成系列数据
+    // const xe135Series = xe135AllLevels.map((level) => {
+    //     // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+    //     return xe135Stats.map(item => [
+    //         item.x, // x轴坐标（interval值）
+    //         item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+    //     ]);
+    // });
+    // // console.log('seriesData11', xe135Series);
+    // // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    // const series1 = xe135AllLevels.map((level, index) => ({
+    //     name: `级别(${level})`,
+    //     type: 'bar',
+    //     stack: 'total', // 共用stack实现堆积
+    //     data: xe135Series[index], // 该等级的[x, value]数据
+    //     barGap: '-100%', // 负值使柱子重叠
+    //     barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    // }));
+    // console.log('xe135Series', JSON.stringify(series[0]), JSON.stringify(series[1]));
+    xe135BarData.percentile95 = xe135Percentile95;
+    xe135BarData.cdfPoints = xe135CdfP;
+    // xe135BarData.cumulative = cumulative;
+    xe135BarData.stats = xe135Stats;
+    // xe135BarData.xAxisData = xDate;
+    // xe135BarData.yAxisData = yData;
+    const xe135AllSeries = [
+        // ...series,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: xe135BarData.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [xe135BarData.percentile95, 0.95]
+            ],
+            /*]]>*/
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: xe135BarData.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: xe135BarData.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let xe135AllXValues = [];
+    xe135AllSeries.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            xe135AllXValues.push(item[0]);
+        });
+    });
+    // console.log(xe135AllXValues, 'allXValues33333333');
+
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const xe135MaxX = xe135AllXValues.length > 0 ? Math.max(...xe135AllXValues) : 0;
+    const xe135MinX = xe135AllXValues.length > 0 ? Math.min(...xe135AllXValues) : 0;
+    // console.log('maxX', maxX);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const xe135MaxXDivisibleBy200 = Math.ceil(xe135MaxX / 200) * 200;
+    const xe135MinXDivisibleBy200 = Math.ceil(xe135MinX / 200) * 200;
+    // console.log(maxXDivisibleBy200, 'maxXDivisibleBy200');
+    const barOption4 = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: xe135BarData.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: xe135MaxXDivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: xe135MinXDivisibleBy200,
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: xe135BarData.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: xe135AllSeries,
+    };
+    const barChart4 = echarts.init(document.getElementById('xe135mHistogram'));
+    barChart4.setOption(barOption4);
+    //#endregion
+    //#endregion Xe-135
+
+    /* Xe-133/Xe-131m history   5. */
+    //#region  Xe-133/Xe-131m
+    const xe131mHistory5Data =  JSON.parse(JSON.stringify(/*[[${ratioResults1}]]*/ []));
+    const xe131mHistogram5Ynums = [];
+    const xe131mHistogram5List = xe131mHistory5Data.history
+        .sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop))
+        .map((item) => {
+            xe131mHistogram5Ynums.push(item.ratio.toFixed(2));
+            return [item.collectStop.slice(0, -2), item.ratio.toFixed(2)];
+        });
+
+    // console.log(xe131mHistogram5List, 'xe131mHistogram5List');
+    // console.log(Math.min(...xe131mHistogram5Ynums),
+    //     Math.max(...xe131mHistogram5Ynums),);
+    const myChart5 = echarts.init(document.getElementById('xe131mHistory5'));
+    const option5 = {
+        legend: { type: 'plain', data: xe131mHistogram5List.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            data: xe131mHistory5Data.history.map(item => item.collectStop),
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // onZero: false
+        },
+        yAxis: {
+            type: 'value',//log
+            name: '同位素比值',
+            nameLocation: 'middle',
+            nameGap: 40,
+            // scale: true,
+            // min: Math.min(...xe131mHistogram5Ynums),
+            // max: Math.max(...xe131mHistogram5Ynums),
+            splitLine: { show: false },
+            axisLabel: { color: '#6b7280' },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // logBase: 10,
+            min: -1000,
+            max: 1000,
+            // interval: 1000,
+            // axisLabel: {
+            //     color: '#6b7280',
+            //     formatter: function (value) {
+            //         // 预定义的标签映射
+            //         const labels = {
+            //             0.01: '10⁻²',
+            //             0.1: '10⁻¹',
+            //             1: '10⁰',
+            //             10: '10¹',
+            //             100: '10²',
+            //             1000: '10³',
+            //             10000: '10⁴',
+            //             100000: '10⁵',
+            //             1000000: '10⁶'
+            //         };
+            //         // 检查是否为0
+            //         if (value === 0) return '0';
+            //         // 查找最接近的标签值
+            //         const absValue = Math.abs(value);
+            //         let closestKey = Object.keys(labels).find(key => {
+            //             const numKey = Math.abs(parseFloat(key));
+            //             return Math.abs(absValue - numKey) / numKey < 0.1; // 10% 容差
+            //         });
+            //         return closestKey ? labels[closestKey] : value.toExponential();
+            //     }
+            // },
+        },
+        series: [{
+            name: '观察结果',
+            type: 'scatter',
+            symbolSize: 8,
+            data: [...new Set(xe131mHistogram5List.map(item => JSON.stringify(item)))]
+                .map(str => JSON.parse(str)),
+
+            itemStyle: {
+                color: 'blue',
+                // borderColor: 'rgba(255, 99, 132, 1)',
+            },
+        }, {
+            name: '区分线',
+            type: 'line',
+            data: [
+                // 示例：绘制一条水平中位线，x轴覆盖全范围，y值固定为中位值
+                [new Date(xe131mHistogram5List[0][0]), 2],
+                [new Date(xe131mHistogram5List[xe131mHistogram5List.length - 1][0]), 2]
+            ],
+            itemStyle: {
+                color: 'red' // 中位线颜色
+            },
+            lineStyle: {
+                width: 3,
+                type: 'solid'
+            },
+            symbol: 'none', // 若不需要折线的标记点，可隐藏
+        }]
+    };
+    myChart5.setOption(option5);
+
+    /* Xe-133/Xe-131m frequency distribution   5. */
+    const xe131mHistogram5Data =  /*[[${ratioIntvlResults1}]]*/[];
+
+    const cdfPoints = xe131mHistogram5Data?.cdfPoints; // 累积分布函数
+    const percentile95 = xe131mHistogram5Data?.percentile95; // 95%累积线
+    const kdePoints = xe131mHistogram5Data?.kdePoints; // 核密度估计
+    const cumulative = xe131mHistogram5Data?.cumulative;// 所有浓度累积
+    const stats = xe131mHistogram5Data?.stats; // 区间统计
+    const xDate = [];
+    const yData = [];
+    const barData = {
+        kdePoints: []
+    }
+    kdePoints.map((item) => {
+        barData.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData.kdePoints);
+    const cdfP = cdfPoints.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    stats.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = stats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    const allLevels = [...new Set(
+        stats.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // 为每个等级生成系列数据
+    const seriesData = allLevels.map((level) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return stats.map(item => [
+            item.x, // x轴坐标（interval值）
+            item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+        ]);
+    });
+    // console.log('seriesData11', seriesData);
+    // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    const series = allLevels.map((level, index) => ({
+        name: `级别(${level})`,
+        type: 'bar',
+        stack: 'total', // 共用stack实现堆积
+        data: seriesData[index], // 该等级的[x, value]数据
+        barGap: '-100%', // 负值使柱子重叠
+        barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    }));
+    // console.log('seriesData', JSON.stringify(series[0]), JSON.stringify(series[1]));
+    barData.percentile95 = percentile95;
+    barData.cdfPoints = cdfP;
+    barData.cumulative = cumulative;
+    barData.stats = stats;
+    barData.xAxisData = xDate;
+    barData.yAxisData = yData;
+    const allSeries = [
+        ...series,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: barData.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [barData.percentile95, 0.95]
+            ],
+            /*]]>*/
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: barData.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: barData.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let allXValues = [];
+    allSeries.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            allXValues.push(item[0]);
+        });
+    });
+    // console.log(allXValues, 'allXValues33333333');
+
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const maxX = allXValues.length > 0 ? Math.max(...allXValues) : 0;
+    const minX = allXValues.length > 0 ? Math.min(...allXValues) : 0;
+    // console.log('maxX', maxX);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const maxXDivisibleBy200 = Math.ceil(maxX / 200) * 200;
+    const minXDivisibleBy200 = Math.ceil(minX / 200) * 200;
+    // console.log(maxXDivisibleBy200, 'maxXDivisibleBy200');
+    const barOption5 = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: barData.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: maxXDivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: minXDivisibleBy200,
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: barData.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: allSeries,
+    };
+    const barChart5 = echarts.init(document.getElementById('xe131mHistogram5'));
+    barChart5.setOption(barOption5);
+    //#endregion. Xe-133/Xe-131m
+
+    /* Xe-133m/Xe-131m history   6.  */
+    //#region  Xe-133m/Xe-131m
+    const xe131mHistory6Data = JSON.parse(JSON.stringify(/*[[${ratioResults2}]]*/ []));
+    const xe131mHistogram6Ynums = [];
+    const xe131mHistogram6List = xe131mHistory6Data.history
+        .sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop))
+        .map((item) => {
+            xe131mHistogram6Ynums.push(item.ratio.toFixed(2));
+            return [item.collectStop.slice(0, -2), item.ratio.toFixed(2)];
+        });
+    const myChart6 = echarts.init(document.getElementById('xe131mHistory6'));
+    const option6 = {
+        legend: { type: 'plain', data: xe131mHistogram6List.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            data: xe131mHistory6Data.history.map(item => item.collectStop),
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // onZero: false
+        },
+        yAxis: {
+            type: 'value',//log
+            name: '同位素比值',
+            nameLocation: 'middle',
+            nameGap: 40,
+            // scale: true,
+            // min: Math.min(...xe131mHistogram5Ynums),
+            // max: Math.max(...xe131mHistogram5Ynums),
+            splitLine: { show: false },
+            axisLabel: { color: '#6b7280' },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // logBase: 10,
+            // min: -1000,
+            // max: 1000,
+            // interval: 1000,
+            // axisLabel: {
+            //     color: '#6b7280',
+            //     formatter: function (value) {
+            //         // 预定义的标签映射
+            //         const labels = {
+            //             0.01: '10⁻²',
+            //             0.1: '10⁻¹',
+            //             1: '10⁰',
+            //             10: '10¹',
+            //             100: '10²',
+            //             1000: '10³',
+            //             10000: '10⁴',
+            //             100000: '10⁵',
+            //             1000000: '10⁶'
+            //         };
+            //         // 检查是否为0
+            //         if (value === 0) return '0';
+            //         // 查找最接近的标签值
+            //         const absValue = Math.abs(value);
+            //         let closestKey = Object.keys(labels).find(key => {
+            //             const numKey = Math.abs(parseFloat(key));
+            //             return Math.abs(absValue - numKey) / numKey < 0.1; // 10% 容差
+            //         });
+            //         return closestKey ? labels[closestKey] : value.toExponential();
+            //     }
+            // },
+        },
+        series: [{
+            name: '观察结果',
+            type: 'scatter',
+            symbolSize: 8,
+            data: [...new Set(xe131mHistogram6List.map(item => JSON.stringify(item)))]
+                .map(str => JSON.parse(str)),
+
+            itemStyle: {
+                color: 'blue',
+                // borderColor: 'rgba(255, 99, 132, 1)',
+            },
+        }, {
+            name: '区分线',
+            type: 'line',
+            data: [
+                // 示例：绘制一条水平中位线，x轴覆盖全范围，y值固定为中位值
+                [new Date(xe131mHistogram6List[0][0]), 2],
+                [new Date(xe131mHistogram6List[xe131mHistogram6List.length - 1][0]), 2]
+            ],
+            itemStyle: {
+                color: 'red' // 中位线颜色
+            },
+            lineStyle: {
+                width: 3,
+                type: 'solid'
+            },
+            symbol: 'none', // 若不需要折线的标记点，可隐藏
+        }]
+    };
+    myChart6.setOption(option6);
+
+    //Xe-133m/Xe-131m frequency distribution
+    const xe133mAnd131mDistributeData =  /*[[${ratioIntvlResults2}]]*/[];
+    const cdfPoints6 = xe133mAnd131mDistributeData?.cdfPoints; // 累积分布函数
+    const percentile956 = xe133mAnd131mDistributeData?.percentile95; // 95%累积线
+    const kdePoints6 = xe133mAnd131mDistributeData?.kdePoints; // 核密度估计
+    const cumulative6 = xe133mAnd131mDistributeData?.cumulative;// 所有浓度累积
+    const stats6 = xe133mAnd131mDistributeData?.stats; // 区间统计
+    const xDate6 = [];
+    const yData6 = [];
+    const barData6 = {
+        kdePoints: []
+    }
+    kdePoints6.map((item) => {
+        barData6.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData6.kdePoints);
+    const cdfP6 = cdfPoints6.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    stats6.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = stats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    const allLevels6 = [...new Set(
+        stats6.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // 为每个等级生成系列数据
+    const seriesData6 = allLevels6.map((level) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return stats6.map(item => [
+            item.x, // x轴坐标（interval值）
+            item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+        ]);
+    });
+    // console.log('seriesData11', seriesData);
+    // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    const series6 = allLevels6.map((level, index) => ({
+        name: `级别(${level})`,
+        type: 'bar',
+        stack: 'total', // 共用stack实现堆积
+        data: seriesData6[index], // 该等级的[x, value]数据
+        barGap: '-100%', // 负值使柱子重叠
+        barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    }));
+    // console.log('seriesData6', JSON.stringify(series6[0]), JSON.stringify(series6[1]));
+    barData6.percentile95 = percentile956;
+    barData6.cdfPoints = cdfP6;
+    barData6.cumulative = cumulative6;
+    barData6.stats = stats6;
+    barData6.xAxisData = xDate6;
+    barData6.yAxisData = yData6;
+    const allSeries6 = [
+        ...series6,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: barData6.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [barData6.percentile95, 0.95]
+            ],
+            /*]]>*/
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: barData6.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: barData6.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let allXValues6 = [];
+    allSeries.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            allXValues6.push(item[0]);
+        });
+    });
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const maxX6 = allXValues6.length > 0 ? Math.max(...allXValues6) : 0;
+    const minX6 = allXValues6.length > 0 ? Math.min(...allXValues6) : 0;
+    console.log('maxX6', maxX6);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const maxX6DivisibleBy200 = Math.ceil(maxX6 / 200) * 200;
+    const minX6DivisibleBy200 = Math.ceil(minX6 / 200) * 200;
+    // console.log(maxX6DivisibleBy200, 'minX6DivisibleBy200');
+    const barOption6 = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: barData6.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: maxX6DivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: minX6DivisibleBy200,
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: barData6.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: allSeries6,
+    };
+    const barChart6 = echarts.init(document.getElementById('xe131mHistogram6'));
+    barChart6.setOption(barOption6);
+    //#endregion Xe-133m/Xe-131m
+
+    /* Xe-133m/Xe-133 history.    7 */
+    //#region  Xe-133m/Xe-133
+    const xe133mAnd133Data =JSON.parse(JSON.stringify( /*[[${ratioResults3}]]*/ []));
+    const xe133mAnd133HistogY = [];
+    const xe131mHistogram7List = xe133mAnd133Data.history
+        .sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop))
+        .map((item) => {
+            xe133mAnd133HistogY.push(item.ratio.toFixed(2));
+            return [item.collectStop.slice(0, -2), item.ratio.toFixed(2)];
+        });
+    const myChart7 = echarts.init(document.getElementById('xe131mHistory7'));
+    const option7 = {
+        legend: { type: 'plain', data: xe131mHistogram7List.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            data: xe131mHistogram7List.map(item => item.collectStop),
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // onZero: false
+        },
+        yAxis: {
+            type: 'value',//log
+            name: '同位素比值',
+            nameLocation: 'middle',
+            nameGap: 40,
+            // scale: true,
+            // min: Math.min(...xe131mHistogram5Ynums),
+            // max: Math.max(...xe131mHistogram5Ynums),
+            splitLine: { show: false },
+            axisLabel: { color: '#6b7280' },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // logBase: 10,
+            // min: -1000,
+            // max: 1000,
+            // interval: 1000,
+            // axisLabel: {
+            //     color: '#6b7280',
+            //     formatter: function (value) {
+            //         // 预定义的标签映射
+            //         const labels = {
+            //             0.01: '10⁻²',
+            //             0.1: '10⁻¹',
+            //             1: '10⁰',
+            //             10: '10¹',
+            //             100: '10²',
+            //             1000: '10³',
+            //             10000: '10⁴',
+            //             100000: '10⁵',
+            //             1000000: '10⁶'
+            //         };
+            //         // 检查是否为0
+            //         if (value === 0) return '0';
+            //         // 查找最接近的标签值
+            //         const absValue = Math.abs(value);
+            //         let closestKey = Object.keys(labels).find(key => {
+            //             const numKey = Math.abs(parseFloat(key));
+            //             return Math.abs(absValue - numKey) / numKey < 0.1; // 10% 容差
+            //         });
+            //         return closestKey ? labels[closestKey] : value.toExponential();
+            //     }
+            // },
+        },
+        series: [{
+            name: '观察结果',
+            type: 'scatter',
+            symbolSize: 8,
+            data: [...new Set(xe131mHistogram7List.map(item => JSON.stringify(item)))]
+                .map(str => JSON.parse(str)),
+
+            itemStyle: {
+                color: 'blue',
+                // borderColor: 'rgba(255, 99, 132, 1)',
+            },
+        }, {
+            name: '区分线',
+            type: 'line',
+            data: [
+                // 示例：绘制一条水平中位线，x轴覆盖全范围，y值固定为中位值
+                [new Date(xe131mHistogram7List[0][0]), 2],
+                [new Date(xe131mHistogram7List[xe131mHistogram7List.length - 1][0]), 2]
+            ],
+            itemStyle: {
+                color: 'red' // 中位线颜色
+            },
+            lineStyle: {
+                width: 3,
+                type: 'solid'
+            },
+            symbol: 'none', // 若不需要折线的标记点，可隐藏
+        }]
+    };
+    myChart7.setOption(option7);
+
+    // Xe-133m/Xe-133 frequency distribution
+    const xe133mAnd133DistributeData =  /*[[${ratioIntvlResults3}]]*/[];
+    const cdfPoints7 = xe133mAnd133DistributeData?.cdfPoints; // 累积分布函数
+    const percentile957 = xe133mAnd133DistributeData?.percentile95; // 95%累积线
+    const kdePoints7 = xe133mAnd133DistributeData?.kdePoints; // 核密度估计
+    const cumulative7 = xe133mAnd133DistributeData?.cumulative;// 所有浓度累积
+    const stats7 = xe133mAnd133DistributeData?.stats; // 区间统计
+    const xDate7 = [];
+    const yData7 = [];
+    const barData7 = {
+        kdePoints: []
+    }
+    kdePoints7.map((item) => {
+        barData7.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData7.kdePoints);
+    const cdfP7 = cdfPoints7.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    stats7.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = stats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    const allLevels7 = [...new Set(
+        stats7.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // 为每个等级生成系列数据
+    const seriesData7 = allLevels7.map((level) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return stats.map(item => [
+            item.x, // x轴坐标（interval值）
+            item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+        ]);
+    });
+    // console.log('seriesData11', seriesData);
+    // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    const series7 = allLevels7.map((level, index) => ({
+        name: `级别(${level})`,
+        type: 'bar',
+        stack: 'total', // 共用stack实现堆积
+        data: seriesData7[index], // 该等级的[x, value]数据
+        barGap: '-100%', // 负值使柱子重叠
+        barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    }));
+    // console.log('seriesData7', JSON.stringify(series7[0]), JSON.stringify(series7[1]));
+    barData7.cdfPoints = cdfP7;
+    barData7.percentile95 = percentile957;
+    barData7.cumulative = cumulative7;
+    barData7.stats = stats7;
+    barData7.xAxisData = xDate7;
+    barData7.yAxisData = yData7;
+    const allSeries7 = [
+        ...series7,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: barData7.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [barData7.percentile95, 0.95]
+            ],
+            /*]]>*/
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: barData7.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: barData7.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let allXValues7 = [];
+    allSeries7.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            allXValues7.push(item[0]);
+        });
+    });
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const maxX7 = allXValues7.length > 0 ? Math.max(...allXValues7) : 0;
+    const minX7 = allXValues7.length > 0 ? Math.min(...allXValues7) : 0;
+    console.log('maxX7:', maxX7, 'minX7:', minX7);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const maxX7DivisibleBy200 = Math.ceil(maxX7 / 200) * 200;
+    const minX7DivisibleBy200 = Math.ceil(minX7 / 200) * 200;
+    // console.log(maxX7DivisibleBy200, 'minX7DivisibleBy200');
+    const barOption7 = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: barData7.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: maxX7DivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: minX7DivisibleBy200,
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: barData7.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: allSeries7,
+    };
+    const barChart7 = echarts.init(document.getElementById('xe131mHistogram7'));
+    barChart7.setOption(barOption7);
+    //#endregion
+
+    /* Xe-135/Xe-133 history.    8 */
+    //#region  Xe-135/Xe-133
+    const xe135And133Data = JSON.parse(JSON.stringify(/*[[${ratioResults4}]]*/ []));
+    const xe135And133HistogY = [];
+    const xe135Histogram8List = xe135And133Data.history
+        .sort((a, b) => new Date(a.collectStop) - new Date(b.collectStop))
+        .map((item) => {
+            xe135And133HistogY.push(item.ratio.toFixed(2));
+            return [item.collectStop.slice(0, -2), item.ratio.toFixed(2)];
+        });
+    const myChart8 = echarts.init(document.getElementById('xe131mHistory8'));
+    const option8 = {
+        legend: { type: 'plain', data: xe135Histogram8List.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '3%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            type: 'time',
+            data: xe135Histogram8List.map(item => item.collectStop),
+            name: '采样停止时间',
+            nameLocation: 'middle',
+            nameGap: 20,
+            axisLabel: {
+                color: '#6b7280'
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // onZero: false
+        },
+        yAxis: {
+            type: 'value',//log
+            name: '同位素比值',
+            nameLocation: 'middle',
+            nameGap: 40,
+            // scale: true,
+            // min: Math.min(...xe131mHistogram5Ynums),
+            // max: Math.max(...xe131mHistogram5Ynums),
+            splitLine: { show: false },
+            axisLabel: { color: '#6b7280' },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#406979', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            // logBase: 10,
+            // min: -1000,
+            // max: 1000,
+            // interval: 1000,
+            // axisLabel: {
+            //     color: '#6b7280',
+            //     formatter: function (value) {
+            //         // 预定义的标签映射
+            //         const labels = {
+            //             0.01: '10⁻²',
+            //             0.1: '10⁻¹',
+            //             1: '10⁰',
+            //             10: '10¹',
+            //             100: '10²',
+            //             1000: '10³',
+            //             10000: '10⁴',
+            //             100000: '10⁵',
+            //             1000000: '10⁶'
+            //         };
+            //         // 检查是否为0
+            //         if (value === 0) return '0';
+            //         // 查找最接近的标签值
+            //         const absValue = Math.abs(value);
+            //         let closestKey = Object.keys(labels).find(key => {
+            //             const numKey = Math.abs(parseFloat(key));
+            //             return Math.abs(absValue - numKey) / numKey < 0.1; // 10% 容差
+            //         });
+            //         return closestKey ? labels[closestKey] : value.toExponential();
+            //     }
+            // },
+        },
+        series: [{
+            name: '观察结果',
+            type: 'scatter',
+            symbolSize: 8,
+            data: [...new Set(xe135Histogram8List.map(item => JSON.stringify(item)))]
+                .map(str => JSON.parse(str)),
+
+            itemStyle: {
+                color: 'blue',
+                // borderColor: 'rgba(255, 99, 132, 1)',
+            },
+        }, {
+            name: '区分线',
+            type: 'line',
+            data: [
+                // 示例：绘制一条水平中位线，x轴覆盖全范围，y值固定为中位值
+                [new Date(xe135Histogram8List[0][0]), 2],
+                [new Date(xe135Histogram8List[xe135Histogram8List.length - 1][0]), 2]
+            ],
+            itemStyle: {
+                color: 'red' // 中位线颜色
+            },
+            lineStyle: {
+                width: 3,
+                type: 'solid'
+            },
+            symbol: 'none', // 若不需要折线的标记点，可隐藏
+        }]
+    };
+    myChart8.setOption(option8);
+
+    // Xe-135/Xe-133 frequency distribution
+    const xe135And133DistributeData =   /*[[${ratioIntvlResults4}]]*/[];
+    const cdfPoints8 = xe135And133DistributeData?.cdfPoints; // 累积分布函数
+    const percentile958 = xe135And133DistributeData?.percentile95; // 95%累积线
+    const kdePoints8 = xe135And133DistributeData?.kdePoints; // 核密度估计
+    const cumulative8 = xe135And133DistributeData?.cumulative;// 所有浓度累积
+    const stats8 = xe135And133DistributeData?.stats; // 区间统计
+    const xDate8 = [];
+    const yData8 = [];
+    const barData8 = {
+        kdePoints: []
+    }
+    kdePoints8.map((item) => {
+        barData8.kdePoints.push({
+            x: item.x,
+            y: item.density,
+        });
+    });
+    // console.log('111', barData8.kdePoints);
+    const cdfP8 = cdfPoints8.map((item) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return [item.value, item.cumulativeProb];
+    });
+    stats8.map((item) => {
+        item.x = Number.parseFloat(item.interval?.split(',')[0].replace('[', ''));
+        delete item.value;
+    });
+    // const section = stats.filter(item => item.count > 0)
+    // 提取所有等级（去重并排序）
+    const allLevels8 = [...new Set(
+        stats8.flatMap(item => Object.keys(item.levelDistribution).map(Number)),
+    )].sort((a, b) => a - b); // 结果：[1,2,3,4]
+    // 为每个等级生成系列数据
+    const seriesData8 = allLevels8.map((level) => {
+        // 遍历每个数据项，提取该等级的数值（缺失则为0），并关联interval作为x坐标
+        return stats.map(item => [
+            item.x, // x轴坐标（interval值）
+            item.levelDistribution[level] || 0, // 该等级的数值（缺失填0）
+
+        ]);
+    });
+    // console.log('seriesData11', seriesData);
+    // 步骤3：生成series配置（每个等级一个系列，共享同一个stack）
+    const series8 = allLevels8.map((level, index) => ({
+        name: `级别(${level})`,
+        type: 'bar',
+        stack: 'total', // 共用stack实现堆积
+        data: seriesData8[index], // 该等级的[x, value]数据
+        barGap: '-100%', // 负值使柱子重叠
+        barWidth: '212%', // 柱状图宽度（可根据x轴密度调整）
+    }));
+    // console.log('seriesData8', JSON.stringify(series8[0]), JSON.stringify(series8[1]));
+    barData8.cdfPoints = cdfP8;
+    barData8.percentile95 = percentile958;
+    barData8.cumulative = cumulative8;
+    barData8.stats = stats8;
+    barData8.xAxisData = xDate8;
+    barData8.yAxisData = yData8;
+    const allSeries8 = [
+        ...series8,
+        {
+            name: '累积分布',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#939393',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            data: barData8.cdfPoints,
+            yAxisIndex: 1,
+        },
+        {
+            name: '95%累积线',
+            type: 'bar',
+            itemStyle: {
+                color: '#00ffd2',
+            },
+            barWidth: '1px',
+            // barWidth: '10%',
+            // barGap: '20%',
+            // barCategoryGap: '20%',
+            /*<![CDATA[*/
+            data: [
+                [barData8.percentile95, 0.95]
+            ],
+            /*]]>*/
+            yAxisIndex: 1,
+            lineStyle: { color: 'green', type: 'dashed' },
+        },
+        {
+            name: 'KDE',
+            type: 'line',
+            step: 'start',
+            symbolSize: 0,
+            itemStyle: {
+                color: '#ffd13e',
+                borderWidth: 1,
+            },
+            barWidth: '10%',
+            barGap: '90%',
+            barCategoryGap: '20%',
+            data: barData8.kdePoints.map(item => [item.x, item.y]),
+            yAxisIndex: 1,
+        },
+        {
+            name: '频数',
+            type: 'bar',
+            barWidth: '20',
+            data: barData8.stats.map(item => [item.x, item.count]),
+            itemStyle: {
+                color: function (params) {
+                    // 根据数值大小设置不同颜色
+                    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de'];
+                    return colors[params.dataIndex % colors.length];
+                }
+            }
+        }
+    ];
+    // 步骤1：收集所有系列的x坐标
+    let allXValues8 = [];
+    // console.log(allSeries8, 'allSeries8');
+    allSeries8.forEach((serie) => {
+        // 遍历每个系列的数据，提取x值（data中每个元素的第一个值）
+        serie.data.forEach((item) => {
+            allXValues8.push(item[0]);
+        });
+    });
+    // 步骤2：计算最大x值（如果没有数据，可设一个默认值如0）
+    const maxX8 = allXValues8.length > 0 ? Math.max(...allXValues8) : 0;
+    const minX8 = allXValues8.length > 0 ? Math.min(...allXValues8) : 0;
+    console.log('maxX8:', maxX8, 'minX8:', minX8);
+    // 计算能被200整除的最小整数（不小于maxX）
+    const maxX8DivisibleBy200 = Math.ceil(maxX8 / 200) * 200;
+    const minX8DivisibleBy200 = Math.ceil(minX8 / 200) * 200;
+    // console.log(maxX8DivisibleBy200, 'minX8DivisibleBy200');
+    const barOption8 = {
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        legend: { type: 'plain', data: barData8.legendData, top: 0, textStyle: { color: '#9ab1bc' }, icon: 'circle' },
+        grid: {
+            left: '5%', right: '5%', bottom: '5%', top: '10%', containLabel: true,
+        },
+        xAxis: {
+            nameTextStyle: { padding: 25, color: '#9ab1bc', fontSize: 15 },
+            name: '活性浓度（uBq/m3）',
+            nameLocation: 'center',
+            nameTextStyle: { color: '#6b7280' },
+            nameGap: 40,
+            axisLabel: {
+                color: '#6b7280',
+                rotate: 45, // 关键配置：标签顺时针旋转45度
+                interval: 0, // 强制显示所有标签（默认可能省略部分标签）
+                marginTop: 25, // 标签与轴线的距离（避免旋转后重叠）
+                fontSize: 12, // 可配合调整字体大小
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#6b7280', // 网格线颜色
+                    width: 1, // 网格线宽度
+                    type: 'dashed', // 线条类型: solid, dashed, dotted
+                },
+            },
+            type: 'value',
+            scale: true,
+            // splitNumber:50,
+            max: maxX8DivisibleBy200,
+            interval: 500, // 刻度间隔
+            min: minX8DivisibleBy200,
+        },
+        yAxis: [
+            {
+                type: 'value', name: '发生次数', nameLocation: 'center',
+                // min: 0,           // 最小值
+                // max: 18,         // 最大值
+                // interval: 2,     // 刻度间隔
+                nameTextStyle: { color: '#6b7280', padding: 20 },
+                axisLabel: { color: '#6b7280' },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 0, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                }
+            },
+            {
+                type: 'value',
+                name: '累积/密度',
+                // position: 'right', // 关键属性：设置在右侧
+                nameLocation: 'center',
+                min: 0, // 最小值
+                max: 1, // 最大值
+                interval: 0.1, // 刻度间隔
+                nameTextStyle: {
+                    padding: 20, // 调整名称位置
+                    color: '#6b7280',
+                },
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280',
+                    },
+                },
+                axisLabel: {
+                    formatter: '{value}',
+                    color: '#6b7280',
+                },
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        color: '#6b7280', // 网格线颜色
+                        width: 1, // 网格线宽度
+                        type: 'dashed', // 线条类型: solid, dashed, dotted
+                    },
+                },
+            },
+        ],
+        markLine: {
+            data: [
+                {
+                    name: '95%累积线',
+                    xAxis: barData8.percentile95,
+                    label: { show: true, formatter: '95%' },
+                },
+            ],
+        },
+        series: allSeries8,
+    };
+    const barChart8 = echarts.init(document.getElementById('xe131mHistogram8'));
+    barChart8.setOption(barOption8);
+    //#endregion
+    /*]]>*/
+</script>
+</body>
+</html>
\ No newline at end of file
