> ## 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.
# Eixos, legendas e tooltips
> Elementos que complementam os gráficos: eixos, grades, legendas, tooltips, segmentos, projeções, indicadores e áreas de referência.
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
;
};
Os 36 exemplos desta categoria aparecem abaixo, um após o outro. Use o índice da página para ir direto ao modelo desejado.
## Axis Both
## Axis XOnly
## Axis YOnly
## Background Diagonal
## Background Dots
## Background Cross
## Background No Fade
## Custom Indicator
## Grid Horizontal
## Grid Vertical
## Grid Both
## Grid Solid
## Grid No Fade
## Grid Hide Edge Lines
## Grid Dense
## Legend Simple
## Legend Progress
## Legend Horizontal
## Marker Content
## Projection Line
## Projection Line Gradient
## Reference Area Band
## Reference Area Pattern
## Reference Area Markers
## Segment
## Tooltip Default
## Tooltip Crosshair Only
## Tooltip Minimal
## Tooltip Custom Rows
## Tooltip Bar
## Tooltip Solid Crosshair
## Tooltip Crosshair Fade Top
## Tooltip Dashed Crosshair
## Tooltip Match Crosshair
## Tooltip Panel Damping
## Tooltip Custom Content
Dados demonstrativos. Exemplos de estados vazios ou de carregamento têm controles próprios para alternar o estado. As páginas originais UBold preservam seus componentes; não representam telas já implementadas no GHL.