# Diagram

Ez a leírás segítséget ad a **Diagram Widget** beállításához, és szerkesztéséhez.

#### DIAGRAM WIDGET MOZGATÁSA

**Drag and Drop** módszer segítségével adhat Diagram Widgetet az oldalához.

<div class="vc_row wpb_row vc_row-fluid" id="bkmrk-megjegyz%C3%A9s%3A%C2%A0a-widget"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="wpb_text_column wpb_content_element "><div class="wpb_wrapper">  
</div></div><div class="vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-info vc_custom_1599642997320"><div class="vc_message_box-icon">  
</div><div class="ricsi info alert alert-info"><span class=".">**Megjegyzés:** A widget az **Alapértelmezett Stílussal** jön létre amelyet a beállított sablon ad, azonban ez szabadon **módosítható**.</span></div></div></div></div></div></div>  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Chart-dragdrop.png)

#### DIAGRAM CÍM, ÉS TÍPUS

Beállítható a **Diagram címe** és kiválasztható a **Diagram típusa**. Többfajta előredefiniált diagram típusból választhat mint például oszlop diagram, vízszintes oszlop diagram, terület diagram, előzmény, vonal diagram, stb. Alapértelmezésben az **oszlop diagram** kerül beállításra amikor a widgetet beállítja.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Chart-type.png)

#### DIAGRAM SZÍN

Lehetősége van a **diagram színének** módosítására, valamint a **háttérszínt** is módosíthatja ha bejelöli a **remove** opciót a diagramnál.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Chart-color.png)

#### DIAGRAM ADATOK

Adja meg a diagram adatait a **Data Textarea** mezőben, oszlopos adatok esetén vesszővel válassza el az egyes értékeket.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/Chart-data.png)