# Megjelenítés oldalon

> A kész diagram kitétele egy oldalra a Dynamic Chart widgettel (Elementor) vagy a Dynamic Chart blokkal (blokkszerkesztő).

A kész diagramot bármelyik oldalon megjelenítheted. Mindkét szerkesztőben ugyanígy működik: elhelyezed az elemet, és kiválasztod, melyik diagramot mutassa.

## Dynamic Chart widget Elementorban

1. Nyisd meg az oldalt, és kattints az **Szerkesztés Elementorral** gombra.
2. Keresd meg a **Dynamic Chart** widgetet a widgetek között (a keresővel gyorsan megtalálod), és húzd az oldalra.
3. A widget **Chart** mezőjében válaszd ki a korábban létrehozott diagramot.
4. A diagram a szerkesztőben azonnal megjelenik. Mentsd az oldalt.

## Dynamic Chart blokk a blokkszerkesztőben

1. Nyisd meg az oldalt a blokkszerkesztőben.
2. A plusz ikonnal nyisd meg a blokkok listáját, és keresd meg a **Dynamic Chart** blokkot.
3. Add hozzá az oldalhoz.
4. A blokk beállításaiban válaszd ki a korábban létrehozott diagramot (**Chart**).
5. Frissítsd az oldalt.

Az elkészült diagram a nyilvános oldalon így néz ki:

![A diagram az oldalon](./kepek/diagram-frontend.webp)

*A diagram az oldalon* (https://minta-bolt.hu/termekarak/)

A diagram a lekérdezés adatait mutatja, a szélessége és magassága a **Chart Styles** fülön megadott érték, a jelmagyarázat a **Chart Config** fülön beállított helyen áll.