Diagrams
The diagram-page is located at admin->diagrams. LIMBAS offers the user two ways to create diagrams:
- By using your own template
- By using the LIMBAS diagram editor
![](https://limbas.org/wp-content/uploads/2023/09/grafik-19.png)
Custom Template
You have to select a file from the extensions as template which displays the diagram on its own.
LIMBAS Diagram Editor
The diagram editor is a new feature in LIMBAS.
For using it the most efficient way, you should select a Query as linked table/query.
The diagram editor can also work with normal tables though.
When using the diagram editor, you are not allowed to select a template!
Diagram Types
3 different diagram types are available at the moment:
- Line-Graph
![](https://limbas.org/wp-content/uploads/2023/09/grafik-20.png)
- Bar-Chart
![](https://limbas.org/wp-content/uploads/2023/09/grafik-21.png)
- Pie-Chart
![](https://limbas.org/wp-content/uploads/2023/09/grafik-22.png)
Diagram Modes
In addition to the normal way of creating a diagram out of a table/query, the user can create the diagram transposed. Columns will be used as rows and vice versa. The column headers will be used as labels. The data of this table
![](https://limbas.org/wp-content/uploads/2023/09/grafik-23.png)
lead to following diagrams:
- normal
![](https://limbas.org/wp-content/uploads/2023/09/grafik-24.png)
- transposed
![](https://limbas.org/wp-content/uploads/2023/09/grafik-25.png)
Editing a Diagram
By clicking on the edit-symbol, the diagram editor is shown:
![](https://limbas.org/wp-content/uploads/2023/09/grafik-26.png)
Field Selection
On the left, you see the data fields of the selected table with some settings:
- Show: Fields will be shown/not shown in the diagram
- Axis:
- Data: Data of this field will be shown as values
- Description: Data of this field will be shown as description (if possible)
- Color: The color of the field (if possible)
For successfully creating a diagram, the number of different axes must be correct:
- Line-Graph / Bar-Chart:
- minimum one data-axis
- maximum one description-axis
- Pie-Chart (normal):
- exactly one data-axis
- maximum one description-axis
- Pie-Chart (transposed):
- minimum one data-axis
- no description-axis
Visual Customization
On the right, you can see additional graphical settings. Not all settings are available for every diagram type:
Attribute | Description | Line-Graph | Bar-Chart | Pie-Chart |
---|---|---|---|---|
Width | Width of the diagram in px | yes | yes | yes |
Height | Height of the diagram in px | yes | yes | yes |
Fontsize | Fontsize of the diagram in pt | yes | yes | yes |
Top/Left gap | Gap between the diagram itself and the top/left border of the image | yes | yes | yes |
Right/Bottom gap | Gap between the diagram itself and the right/bottom border of the image | yes | yes | no |
Text x/y | Text to use as description of x/y axis | yes | yes | no |
Legend x/y | Position of the legend in px | yes | yes | no |
Legend | View of the legend: hide or vertical/horizontal align | yes | yes | no |
Pie-Chart-Values | Hide/Show the values after the slice description or show the percentage | no | no | yes |
Pie-Radius | The radius of the pie in px | no | no | yes |
After clicking the button below, the diagram will be shown.