Skip to main content

Line chart

Displays the trend of one or more series across ordered categories, often temporal.

Example of the Line chart widget in the Sybot Studio demo User View

Recommended configuration

  1. Associate a data source saved from the Data and visualisation section.
  2. Choose a hierarchy or a category field and select only the measures to display.
  3. Configure formats, legend, series colours and chart style in the dedicated sections.

Configuration options

AreaOptions
DataData source, drill-down hierarchy or category field and measures to display.
ValuesFormat, decimals, locale, currency and dimension label format.
ChartLegend, series colours, initial sort and direction.
InteractionNo action, filter, drill-down or drill-down with filter; target widgets and filter removal on second click.
Line and pointsThickness, broken or rounded line, shape and size of indicators.
IdentityTitle, Subtitle, header visibility, type icon and actions button.
PresentationStandard, Compact or Dense variant and message to show when no data is available.
AppearanceBackground, background image, border, radius, padding, shadow and typography of different areas.
PositionCoordinates and dimensions in cells in the page or container grid.

Best practices

  • For Date range filters, use a column that is actually typed as a date.
tip

Always verify the widget in Preview, in both light and dark themes, and with an empty data state before publishing the View.