# JetEngine - dynamic charts builder

> Dinamikus diagramok készítése a JetEngine lekérdezéseinek adataiból: mire jó, követelmények, bekapcsolás és az első lépések.

A **JetEngine - dynamic charts builder** a JetEngine kiegészítő modulja. Egy korábban létrehozott lekérdezés adatait diagramként jeleníti meg az oldalon. A diagram típusa például oszlop, vonal, kör, térkép vagy hisztogram lehet. Az adatok a lekérdezésből jönnek, ezért ha a tartalom változik, a diagram is vele változik.

## Követelmények

- WordPress, benne az aktív **JetEngine** bővítmény.
- Legalább egy létrehozott lekérdezés a **JetEngine → Lekérdezéskészítő** menüben. A diagram ennek az eredményéből dolgozik.
- A diagram megjelenítéséhez Elementor (Dynamic Chart widget) vagy a WordPress blokkszerkesztője (Dynamic Chart blokk).

## Bekapcsolás és telepítés

A modul külön bővítményként települ, a JetEngine modulkezelőjéből kapcsolható be.

1. Nyisd meg a **JetEngine → JetEngine → Modulok** fület.
2. A **Külső modulok** részben kapcsold be a **Dynamic Charts Builder** modult.
3. A JetEngine telepíti és aktiválja a hozzá tartozó bővítményt. Amikor végzett, a felugró ablakban megjelenik a **Go to Charts Builder** gomb.
4. A gombra kattintva a diagramszerkesztő listájára jutsz.

![A Modulok fül a külső modulokkal](./kepek/modulok-kulso.webp)

*A Modulok fül a külső modulokkal* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine)

A **JetEngine** menü alatt ezután megjelenik a **Charts Builder** menüpont. A diagramok listája a **JetEngine → Charts Builder** alatt található.

![A kitöltött diagramlista](./kepek/diagram-lista-kitoltve.webp)

*A kitöltött diagramlista* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-charts)

A listában minden diagramnál látszik a neve és a hozzá tartozó lekérdezés. A **Műveletek** oszlopban a **Szerkesztés**, **Másolás** és **Törlés** hivatkozások állnak.

## Első lépések

1. Hozz létre egy lekérdezést a Lekérdezéskészítőben, amely a megjelenítendő adatokat adja.
2. Készíts diagramot a **JetEngine → Charts Builder → Új hozzáadása** gombbal. A lépéseit a [Diagram létrehozása](https://hub.hellowp.io/hu/plugins/jet-engine-dynamic-charts-module/letrehozas/) fejezet írja le.
3. Tedd ki a diagramot egy oldalra a [Megjelenítés oldalon](https://hub.hellowp.io/hu/plugins/jet-engine-dynamic-charts-module/megjelenites/) leírtak szerint.