DERTOUR GroupDesign
Documentation
Components
Component / Common

HotelWeatherChartRow

import HotelWeatherChartRow from "@dertour/ui/components/common/HotelWhenToVisit/HotelWeatherChartRow"

packages/ui/src/components/common/HotelWhenToVisit/HotelWeatherChartRow.tsx · not yet imported by any brand app

Internal to `HotelPage_Body_WhenToVisit_001`: one metric row of the chart (Figma `average-temp` / `average-rainfall` / `average-price`). Three parts across: the rotated row label, the y-axis of ticks, then the plot — grid lines at every tick, and on top of them either a bar per month (`bars`) or a polyline with a labelled point per month (`line`). Decorative: the readable copy of this data is the chart's visually-hidden table, so nothing here needs a text alternative. A `bars` row that declares `series` (a multi-centre trip, two destinations with different climates) draws one bar per destination per month inside a `BarGroup`. A row that declares none — every row the hotel page passes — skips the group entirely and emits the single bar it always did.

Loading demo…