flavors:
  - flavor: svg
    path: /line
  - flavor: api
    path: /line/api

Line:
  package: '@nivo/line'
  tags:
    - svg
    - isomorphic
  stories:
    - label: stacked lines
      link:
        kind: Line
        story: stacked lines
    - label: linear x scale
      link:
        kind: Line
        story: linear x scale
    - label: time x scale
      link:
        kind: Line
        story: time x scale
    - label: logarithmic y scale
      link:
        kind: Line
        story: logarithmic y scale
    - label: real time chart
      link:
        kind: Line
        story: real time chart
    - label: custom dot symbol
      link:
        kind: Line
        story: custom dot symbol
    - label: adding markers
      link:
        kind: Line
        story: adding markers
    - label: holes in data
      link:
        kind: Line
        story: holes in data
    - label: different serie lengths
      link:
        kind: Line
        story: different serie lengths
    - label: custom min/max y
      link:
        kind: Line
        story: custom min/max y
    - label: formatting axis values
      link:
        kind: Line
        story: formatting axis values
    - label: formatting tooltip values
      link:
        kind: Line
        story: formatting tooltip values
  description: |
    Line chart with stacking ability.

    Given an array of data series having an id and a nested array of points
    (with x, y properties), it will compute the line for each data serie.
    All datum having null x or y will be treated as holes, thus portions
    of the corresponding line will be skipped.

    The responsive alternative of this component is `ResponsiveLine`.

    This component is available in the `@nivo/api`, see
    [sample](api:/samples/line.svg) or
    [try it using the API client](self:/line/api).

    See the [dedicated guide](self:/guides/legends) on how to setup
    legends for this component.