> ## Documentation Index
> Fetch the complete documentation index at: https://docs.growtify.me/llms.txt
> Use this file to discover all available pages before exploring further.
# Área
> Séries temporais com preenchimento, padrões, seleção de intervalo e domínio configurável.
export const Exemplo = ({src, demo, titulo}) => {
const [height, setHeight] = useState(520);
const [theme, setTheme] = useState("dark");
const [revision, setRevision] = useState(0);
useEffect(() => {
const receive = event => {
if (event.origin !== "https://skin.growtify.me" || event.data?.type !== "growtify:example-size" || event.data?.demo !== demo) return;
const value = Number(event.data.height);
if (Number.isFinite(value) && value > 0 && value < 100000) setHeight(value);
};
window.addEventListener("message", receive);
return () => window.removeEventListener("message", receive);
}, [demo]);
return
;
};
Todos os exemplos estão renderizados abaixo. A rolagem pertence à página, não ao gráfico.
## Exemplo oficial
## Area Brush
## Area Pattern
## Area YDomain
## Area Tooltip