Function LineIntervalChart

LineIntervalChart is a chart building block that renders a timeseries as a line colored according to the value of the y-coordinate of each point in the line, as defined in the intervals.

Example

const intervals = [
  { lower: 10, upper: 20, color: "green" },
  { lower: 20, upper: 40, color: "red" }
]

return (
  <svg width={width} height={height}>
    <LineThresholdChart
      timeseries={timeseries}
      xScale={xScale}
      yScale={yScale}
      intervals={intervals}
      topIntervalOffset={5}
    />
  </svg>
)

In this case, the line will be rendered in green where its y-coordinates are between 10 and 20, and in red where its y-coordinates are between 20 and 40. If the timeseries has values outside these intervals, those line segments won't be rendered.