version: '1.0'
lineChart:
  liveTable: true | false
  title: string
  description: string
  style:
    backgroundColor: string (hex)
  layout:
    curve: true | false
    enableMarker: true | false
    legend:
      show: true | false
      position: top-left | top | top-right | left | center | right | bottom-left | bottom | bottom-right
      direction: column | row
      justify: true | false
      offsetX: number
      offsetY: number
      item:
        direction: left-to-right | right-to-left | top-to-bottom | bottom-to-top
        height: number
        opacity: number
        spacing: number
        textColor: string (hex)
        width: number
      symbol:
        size: number
        shape: circle | square | triangle | diamond
    margin:
      bottom: number
      left: number
      right: number
      top: number
    markers:
        axis: x | y
        value: number | string
        lineStyle:
          color: string
          width: number
        legend:
          title: text marker
          orientation: vertical    
    fill: true | false      
    stacked: true | false
    tooltip:
      prefix: string
      suffix: string
    xAxis:
      offset: number
      padding: number
      rotation: number
      size: number
      title: string
    yAxis:
      maxValue: number
      minValue: number
      offset: number
      padding: number
      rotation: number
      size: number
      title: string
  format:
    decimals: number
    locale: string
  data:
    datasetId: string
    alias:
      <key>: "value of your choice"
    order: undefined | asc | desc
    attributes:
      key: string
      title: string 
      values:
        - title: string
          operator: sum | count | min | max | avg | median
          value: string 
          color: string (hex)
    filter: 
      enable: true | false
      operator: '= | != | like | notlike | > | >= | < | =< | and | or'
      attribute: string
      value: string
      filters:
        - operator: '= | != | like | notlike | > | >= | < | =< | and | or'
          attribute: string
          value: string
          filters:
            - operator: '= | != | like | notlike | > | >= | < | =< | and | or'
              attribute: string
              value: string

version: '1.0'
lineChart:
  liveTable: true | false  # Enable/disable live data updates in the table
  title: string  # Title of the chart
  description: string  # Description of the chart
  style:
    backgroundColor: string (hex)  # Background color of the chart, in hex format
  layout:
    curve: true | false  # Whether to show curves or straight lines
    enableMarker: true | false  # Enable/disable markers (e.g., vertical/horizontal reference lines)
    legend:
      show: true | false  # Show/hide legend
      position: top-left | top | top-right | left | center | right | bottom-left | bottom | bottom-right  # Legend position
      direction: column | row  # Arrange legend items in a column or row
      justify: true | false  # Align legend items to fill the container space
      offsetX: number  # Horizontal offset for the legend
      offsetY: number  # Vertical offset for the legend
      item:
        direction: left-to-right | right-to-left | top-to-bottom | bottom-to-top  # Item direction within the legend
        height: number  # Height of each legend item
        opacity: number  # Opacity of legend items (0-1)
        spacing: number  # Spacing between legend items
        textColor: string (hex)  # Color of the legend text
        width: number  # Width of each legend item
      symbol:
        size: number  # Size of the symbol in the legend
        shape: circle | square | triangle | diamond  # Shape of the legend symbol
    margin:
      bottom: number  # Bottom margin of the chart
      left: number  # Left margin of the chart
      right: number  # Right margin of the chart
      top: number  # Top margin of the chart
    markers:  # Marker options to add reference lines (e.g., average, thresholds)
      - axis: x | y  # Axis for the marker
        value: number | string  # Value on the axis where the marker should be placed
        lineStyle:
          color: string  # Color of the marker line
          width: number  # Width of the marker line
        legend:
          title: text marker  # Title for the marker in the legend
          orientation: vertical  # Orientation of the marker line
    fill: true | false  # Whether to fill the area under the line
    stacked: true | false  # Enable stacking of multiple lines
    tooltip:
      prefix: string  # Prefix text for the tooltip (e.g., currency symbol)
      suffix: string  # Suffix text for the tooltip (e.g., units like "kg" or "%")
    xAxis:
      offset: number  # Horizontal offset for the x-axis
      padding: number  # Padding for the x-axis labels
      rotation: number  # Rotation angle for the x-axis labels
      size: number  # Font size of x-axis labels
      title: string  # Title of the x-axis
    yAxis:
      maxValue: number  # Maximum value for the y-axis
      minValue: number  # Minimum value for the y-axis
      offset: number  # Vertical offset for the y-axis
      padding: number  # Padding for the y-axis labels
      rotation: number  # Rotation angle for the y-axis labels
      size: number  # Font size of y-axis labels
      title: string  # Title of the y-axis
  format:
    decimals: number  # Number of decimals to display for the data
    locale: string  # Locale setting (e.g., "nl" for Dutch)
  data:
    datasetId: string  # ID of the dataset being used for the chart
    alias:  # Optional aliases for data keys
      <key>: "value of your choice"
    order: undefined | asc | desc  # Order of the data (ascending or descending)
    attributes:
      key: string  # The primary key attribute (e.g., "j_area")
      title: string  # Title for the key attribute (optional)
      values:  # The values to be plotted on the chart
        - title: string  # Title for this data series (e.g., "GDP per capita")
          operator: sum | count | min | max | avg | median  # Operator to apply (e.g., "avg" for average)
          value: string  # The value to be plotted (e.g., "j_gdp_capi")
          color: string (hex)  # Color of the line for this value (e.g., "#ff8a65")
    filter:  # Optional filters to refine the data
      enable: true | false  # Enable/disable filtering
      operator: '= | != | like | notlike | > | >= | < | =< | and | or'  # Logical operators for filtering
      attribute: string  # Attribute to apply the filter on
      value: string  # Value to filter on
      filters:  # Nested filters for more complex conditions
        - operator: '= | != | like | notlike | > | >= | < | =< | and | or'
          attribute: string
          value: string
          filters:  # More nested filters if needed
            - operator: '= | != | like | notlike | > | >= | < | =< | and | or'
              attribute: string
              value: string

version: "1.0"
lineChart:
  liveTable: true
  style:
    backgroundColor: "#ffffff"
  layout:
    curve: false
    orientation: "vertical"
    legend:
      show: true
      position: "right"
      justify: false
    enableMarker: false
    markers:
      - axis: "x"
        lineStyle:
          color: "#ff0000"
    stacked: false
  format:
    locale: "nl"
    decimals: 0
  data:
    order: "asc"
    filter:
      enable: false
    datasetId:
      id: "8d103bee-db16-4bea-bbbb-b88b23e6855e"
      name: "Bevolking"
    attributes:
      key: "provincie"
      values:
        - operator: "sum"
          value: "mannen"
          title: "Aantal mannen"
          color: "#ffff00"
        - operator: "sum"
          value: "vrouwen"
          title: "Aantal vrouwen"
          color: "#00ffff"