On this page you will find instructions on how to set up a Line Chart.

A Line Chart should be used when you want to show trends or progress over time.

How to add a configuration

Click on the Additional Settings Button and Edit Dashboard on the dashboard. The edit buttons for the widgets on this dashboard will now be visible.
Open the edit mode of the chart
a popover will open. Click on the type of chart you want to edit (one chart widget can hold several charts).
click on settings and the chart editor opens.

When opening the Chart Editor, you have the possibility to change the chart configuration by entering code snippets in the Configuration.

The changes will be displayed in the Preview on the right.

Configuration must always be enclosed in curly brackets and if there more configurations than one seperated by a comma.

Possible Configuration Options

Aggregation Example

Result

Chart Settings:

{
  yScale: {
    type: 'linear',
    min: '0',
    max: '100'
  },
  theme: {
    fontSize: 15
  },
  curve: 'cardinal',
  lineWidth: 5,
  axisLeft: {
    tickPadding: 30,
    tickSize: 0
  },
  enablePointLabel: true,
  margin: {
    top: 50,
    right: 50,
    bottom: 50,
    left: 75
  }
}