Estimated reading: 2 minutes

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

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
  • Bar-Chart
  • Pie-Chart

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

lead to following diagrams:

  • normal
  • transposed

Editing a Diagram

By clicking on the edit-symbol, the diagram editor is shown:

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:

WidthWidth of the diagram in pxyesyesyes
HeightHeight of the diagram in pxyesyesyes
FontsizeFontsize of the diagram in ptyesyesyes
Top/Left gapGap between the diagram itself and the top/left border of the imageyesyesyes
Right/Bottom gapGap between the diagram itself and the right/bottom border of the imageyesyesno
Text x/yText to use as description of x/y axisyesyesno
Legend x/yPosition of the legend in pxyesyesno
LegendView of the legend: hide or vertical/horizontal alignyesyesno
Pie-Chart-ValuesHide/Show the values after the slice description or show the percentagenonoyes
Pie-RadiusThe radius of the pie in pxnonoyes

After clicking the button below, the diagram will be shown.

This example shows, how to embed a diagram in a form.