fix(tradein/v2): аналитика — выровнять два графика в равную высоту #2483

Merged

bot-backend merged 1 commit from fix/v2-analytics-equal-chart-height into main

2026-07-12 15:16:35 +00:00

bot-backend commented

2026-07-12 15:14:59 +00:00

Collaborator

Что

В панели "АНАЛИТИКА ДОМА" (v2) два графика в 2-колоночной сетке (#2480) — "История цен в этом доме" (viewBox="0 0 900 220") и "Цена × срок продажи" (viewBox="0 0 900 300") — рендерились с разной высотой (~188px vs ~263px), из-за чего короткий график читался как обрезанный, а карточки выглядели несбалансированно.

Фикс

Оба SVG получили одинаковый height: 260 в inline-style (было 200 / 280 соответственно); width: "100%" и preserveAspectRatio="none" уже были на обоих — теперь высоты реально совпадают визуально.
alignItems: "start" → "stretch" на grid-контейнере двух карточек — подстраховка, чтобы карточки совпадали по высоте даже при мелких расхождениях в высоте заголовка/легенды.
viewBox и вся логика отрисовки/осей (координаты точек, линий, тиков) НЕ трогались — только внешняя рендер-высота SVG.
KPI-плитки и карточка "Срок продажи" сверху — не тронуты.

Проверено локально (измерение + скриншот): при height: 260px оба графика рендерятся ~244px, карточки — ~326px, панель по-прежнему помещается без скролла.

Тесты

tradein-mvp/frontend: npm run type-check — green, npm run lint — green (только pre-existing warnings в несвязанных файлах: scrapers/cian/page.tsx, OfferCard.tsx, HeroBar.tsx).

## Что В панели "АНАЛИТИКА ДОМА" (v2) два графика в 2-колоночной сетке (#2480) — "История цен в этом доме" (`viewBox="0 0 900 220"`) и "Цена × срок продажи" (`viewBox="0 0 900 300"`) — рендерились с разной высотой (~188px vs ~263px), из-за чего короткий график читался как обрезанный, а карточки выглядели несбалансированно. ## Фикс - Оба SVG получили одинаковый `height: 260` в inline-style (было 200 / 280 соответственно); `width: "100%"` и `preserveAspectRatio="none"` уже были на обоих — теперь высоты реально совпадают визуально. - `alignItems: "start"` → `"stretch"` на grid-контейнере двух карточек — подстраховка, чтобы карточки совпадали по высоте даже при мелких расхождениях в высоте заголовка/легенды. - `viewBox` и вся логика отрисовки/осей (координаты точек, линий, тиков) НЕ трогались — только внешняя рендер-высота SVG. - KPI-плитки и карточка "Срок продажи" сверху — не тронуты. Проверено локально (измерение + скриншот): при `height: 260px` оба графика рендерятся ~244px, карточки — ~326px, панель по-прежнему помещается без скролла. ## Тесты `tradein-mvp/frontend`: `npm run type-check` — green, `npm run lint` — green (только pre-existing warnings в несвязанных файлах: `scrapers/cian/page.tsx`, `OfferCard.tsx`, `HeroBar.tsx`).

bot-backend added 1 commit 2026-07-12 15:15:00 +00:00

fix(tradein/v2): аналитика — выровнять два графика в равную высоту

CI Trade-In / changes (pull_request) Successful in 9s

Details

CI / changes (pull_request) Successful in 9s

Details

CI Trade-In / backend-tests (pull_request) Has been skipped

Details

CI / backend-tests (pull_request) Has been skipped

Details

CI / frontend-tests (pull_request) Has been skipped

Details

CI / openapi-codegen-check (pull_request) Has been skipped

Details

CI Trade-In / frontend-checks (pull_request) Successful in 1m6s

Details

c641d75f0b

История цен (viewBox 220) и Цена × срок продажи (viewBox 300) в 2-колоночной
сетке (#2480) рендерились разной высоты (~188px / ~263px) — короткий график
читался как обрезанный. Ставим оба SVG на одинаковую height: 260px
(preserveAspectRatio="none" уже растягивает содержимое) + align-items: stretch
на грид-контейнере, чтобы карточки визуально совпадали по высоте. viewBox и
логика отрисовки/осей не тронуты.