import type {
  RadarHistoryPoint,
  RadarMetricKind,
} from "../api/sector-radar.types"

/** Produce a chronological ranking series; missing observations break the line and rank 1 stays on top. */
export function buildRadarRankChartOption(
  points: RadarHistoryPoint[],
  metric: RadarMetricKind,
) {
  const ordered = [...points].sort((a, b) =>
    a.trade_date.localeCompare(b.trade_date),
  )
  return {
    animation: false,
    grid: { left: 48, right: 20, top: 24, bottom: 36 },
    tooltip: {
      trigger: "axis" as const,
      renderMode: "richText" as const,
      valueFormatter: (value: unknown) =>
        value == null ? "缺失" : `第 ${String(value)} 名`,
    },
    xAxis: {
      type: "category" as const,
      data: ordered.map((point) => point.trade_date),
      boundaryGap: false,
    },
    yAxis: {
      type: "value" as const,
      inverse: true,
      min: 1,
      max: Math.max(2, ...ordered.map((point) => point[metric].pool_size)),
      minInterval: 1,
      name: "排名",
    },
    series: [
      {
        name: "排名",
        type: "line" as const,
        connectNulls: false,
        showSymbol: true,
        showAllSymbol: true,
        data: ordered.map((point) =>
          point[metric].missing ? null : point[metric].rank_position,
        ),
        lineStyle: { color: "#2563eb" },
        itemStyle: { color: "#2563eb" },
      },
    ],
  }
}