{"version":3,"file":"AfCumulativeRiskChart-BY7gTght.js","names":[],"sources":["../../../app/javascript/Pages/AiBloodPressureMeasurements/AfCumulativeRiskChart.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white rounded-lg shadow-md p-6\">\n    <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">\n      发作间期累积风险轨迹图\n    </h3>\n\n    <div class=\"h-80 w-full\">\n      <canvas ref=\"c\" />\n    </div>\n\n    <div class=\"mt-2 text-xs text-gray-500 text-center\">\n      X轴：距离下次房颤发作天数（负数=发作前） | Y轴：累积 RMSSD 正偏差\n      <span v-if=\"threshold !== null\" class=\"ml-2\">| 虚线：Clean_Sinus 第95百分位数 = {{ threshold?.toFixed(2) }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { Chart, registerables } from 'chart.js';\n\nChart.register(...registerables);\n\nconst c = ref(null);\nconst threshold = ref(null);\n\nlet chart = null;\n\nconst props = defineProps({\n  excludeStartDates: { type: String, default: '' },\n});\n\nconst COLORS = [\n  '#ef4444', '#f59e0b', '#10b981', '#3b82f6', '#8b5cf6',\n  '#ec4899', '#06b6d4', '#f97316', '#84cc16', '#6366f1',\n];\n\nconst thresholdPlugin = (th) => ({\n  id: 'threshold',\n  afterDraw(chart) {\n    if (th === null || th === undefined) return;\n    const { ctx, chartArea, scales } = chart;\n    if (!chartArea || chartArea.height < 1) return;\n    const yVal = scales.y.getPixelForValue(th);\n    if (yVal < chartArea.top || yVal > chartArea.bottom) return;\n    ctx.save();\n    ctx.strokeStyle = 'rgba(239,68,68,0.6)';\n    ctx.lineWidth = 1.5;\n    ctx.setLineDash([6, 4]);\n    ctx.beginPath();\n    ctx.moveTo(chartArea.left, yVal);\n    ctx.lineTo(chartArea.right, yVal);\n    ctx.stroke();\n    ctx.setLineDash([]);\n    ctx.fillStyle = '#374151';\n    ctx.font = '11px sans-serif';\n    ctx.textAlign = 'right';\n    ctx.fillText(`阈值 ${th.toFixed(2)}`, chartArea.right - 4, yVal - 4);\n    ctx.restore();\n  },\n});\n\nconst renderChart = (trajectories, th) => {\n  if (!c.value) return;\n  if (chart) { chart.destroy(); chart = null; }\n\n  if (!trajectories || trajectories.length === 0) return;\n  threshold.value = th;\n\n  // 找最大天数范围\n  const allDays = trajectories.flatMap((t) => t.data.map((d) => d.day));\n  const minDay = Math.min(...allDays);\n  const maxDay = Math.max(...allDays); // should be 0\n\n  // X 轴标签：minDay 到 0\n  const xLabels = [];\n  for (let d = minDay; d <= maxDay; d++) xLabels.push(d.toString());\n\n  const datasets = trajectories.map((traj, idx) => {\n    const data = xLabels.map((label) => {\n      const day = parseInt(label);\n      const pt = traj.data.find((d) => d.day === day);\n      return pt ? pt.cumulative : null;\n    });\n    return {\n      label: `${traj.af_start?.slice(0, 10) || '#' + (idx + 1)} (${traj.days}天)`,\n      data,\n      borderColor: COLORS[idx % COLORS.length],\n      backgroundColor: COLORS[idx % COLORS.length] + '20',\n      borderWidth: 2,\n      pointRadius: 3,\n      tension: 0.2,\n      spanGaps: false,\n    };\n  });\n\n  chart = new Chart(c.value, {\n    type: 'line',\n    data: { labels: xLabels, datasets },\n    options: {\n      responsive: true,\n      maintainAspectRatio: false,\n      interaction: { mode: 'index', intersect: false },\n      scales: {\n        x: {\n          title: { display: true, text: '距下次发作天数' },\n          grid: { display: false },\n        },\n        y: {\n          title: { display: true, text: '累积 RMSSD 偏差' },\n          beginAtZero: true,\n        },\n      },\n      plugins: {\n        legend: { display: true, position: 'bottom' },\n        tooltip: {\n          callbacks: {\n            label: (ctx) => {\n              const d = ctx.raw;\n              return `${ctx.dataset.label}: ${d !== null ? d.toFixed(3) : 'N/A'}`;\n            },\n          },\n        },\n      },\n    },\n    plugins: [thresholdPlugin(th)],\n  });\n};\n\nconst fetchCumulativeRisk = async () => {\n  try {\n    const csrf = document.querySelector('meta[name=\"csrf-token\"]')?.getAttribute('content');\n    let url = '/api/ai_blood_pressure/af_cumulative_risk';\n    if (props.excludeStartDates) url += `?exclude_start_dates=${encodeURIComponent(props.excludeStartDates)}`;\n    const r = await fetch(url, {\n      headers: { 'Accept': 'application/json', 'X-CSRF-Token': csrf },\n    });\n    if (!r.ok) throw new Error(`HTTP ${r.status}`);\n    const data = await r.json();\n    renderChart(data.trajectories, data.threshold);\n  } catch (e) {\n    console.error('Cumulative risk error', e);\n  }\n};\n\nonMounted(fetchCumulativeRisk);\n</script>\n"],"mappings":"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"}