new shems

web/radar_chart.py

@@ -0,0 +1,142 @@
+"""
+RadarChart — переиспользуемый виджет паутинной диаграммы (ft.Stack).
+
+Параметры:
+  items   — список осей из API /responses/{id}/radar:
+            [{dimension_name, dimension_color, dimension_position, value}, ...]
+  max_val — максимум на шкале (default 14 — для теста Голланда)
+"""
+import math
+import flet as ft
+import flet.canvas as cv
+import designer as ds
+
+# ── размеры ─────────────────────────────────────────────────────────────────
+_CS    = 260    # размер canvas (×2 = итоговая зона графика)
+_CX    = _CS // 2
+_CY    = _CS // 2
+_R     = 80     # радиус внешнего кольца
+_PAD   = 95     # отступ вокруг canvas — оставляем место для подписей
+_LBL_R = _R + 50  # расстояние от центра до центра подписи (в координатах Stack)
+_W_LBL = 130    # ширина контейнера подписи (достаточно для «Конвенциональный»)
+
+
+def _axis_xy(n: int, i: int, frac: float = 1.0) -> tuple[float, float]:
+    a = math.radians(-90.0 + 360.0 * i / n)
+    return _CX + _R * frac * math.cos(a), _CY + _R * frac * math.sin(a)
+
+
+def _closed_path(pts: list[tuple]) -> list:
+    els = [cv.Path.MoveTo(*pts[0])]
+    for p in pts[1:]:
+        els.append(cv.Path.LineTo(*p))
+    els.append(cv.Path.Close())
+    return els
+
+
+class RadarChart(ft.Stack):
+    """Паутинная диаграмма типов/сфер по данным radar API."""
+
+    def __init__(self, items: list[dict], max_val: float = 14.0):
+        n = len(items)
+        shapes: list = []
+
+        # ── сетка (5 уровней) ────────────────────────────────────────────────
+        for lvl in range(1, 6):
+            ring = [_axis_xy(n, i, lvl / 5) for i in range(n)]
+            shapes.append(cv.Path(
+                _closed_path(ring),
+                paint=ft.Paint(
+                    style=ft.PaintingStyle.STROKE,
+                    stroke_width=1,
+                    color="#30F4EFFA",
+                ),
+            ))
+
+        # ── оси от центра ────────────────────────────────────────────────────
+        for i in range(n):
+            x, y = _axis_xy(n, i)
+            shapes.append(cv.Path(
+                [cv.Path.MoveTo(_CX, _CY), cv.Path.LineTo(x, y)],
+                paint=ft.Paint(stroke_width=1, color="#40F4EFFA"),
+            ))
+
+        # ── полигон данных ───────────────────────────────────────────────────
+        safe_max = max_val if max_val > 0 else 1.0
+        data_pts = [
+            _axis_xy(n, i, min(it["value"] / safe_max, 1.0))
+            for i, it in enumerate(items)
+        ]
+        shapes.append(cv.Path(
+            _closed_path(data_pts),
+            paint=ft.Paint(style=ft.PaintingStyle.FILL, color="#609B72CF"),
+        ))
+        shapes.append(cv.Path(
+            _closed_path(data_pts),
+            paint=ft.Paint(
+                style=ft.PaintingStyle.STROKE,
+                stroke_width=2.5,
+                color="#F4EFFA",
+            ),
+        ))
+        for px, py in data_pts:
+            shapes.append(cv.Circle(px, py, 4, paint=ft.Paint(color="#F4EFFA")))
+
+        canvas = cv.Canvas(shapes=shapes, width=_CS, height=_CS)
+
+        # ── подписи оси в Stack-координатах ──────────────────────────────────
+        sw  = _CS + 2 * _PAD
+        sh  = _CS + 2 * _PAD
+        ccx = _PAD + _CX   # центр графика в Stack
+        ccy = _PAD + _CY
+
+        labels: list[ft.Control] = []
+        for i, item in enumerate(items):
+            a  = math.radians(-90.0 + 360.0 * i / n)
+            lx = ccx + _LBL_R * math.cos(a)
+            ly = ccy + _LBL_R * math.sin(a)
+            col = item.get("dimension_color") or ds.clolors.ferst
+
+            labels.append(ft.Container(
+                left=lx - _W_LBL / 2,
+                top=ly - 24,
+                width=_W_LBL,
+                content=ft.Column(
+                    spacing=1,
+                    horizontal_alignment=ft.CrossAxisAlignment.CENTER,
+                    controls=[
+                        ft.Text(
+                            item["dimension_name"],
+                            size=10,
+                            color=col,
+                            text_align=ft.TextAlign.CENTER,
+                            weight=ft.FontWeight.BOLD,
+                            # разрешаем перенос только по словам (не по символам)
+                            overflow=ft.TextOverflow.FADE,
+                            max_lines=2,
+                            no_wrap=False,
+                        ),
+                        ft.Text(
+                            str(int(item["value"])),
+                            size=11,
+                            color=ds.clolors.ferst,
+                            text_align=ft.TextAlign.CENTER,
+                        ),
+                    ],
+                ),
+            ))
+
+        super().__init__(
+            width=sw,
+            height=sh,
+            controls=[
+                ft.Container(
+                    left=_PAD,
+                    top=_PAD,
+                    width=_CS,
+                    height=_CS,
+                    content=canvas,
+                ),
+                *labels,
+            ],
+        )