#1489·react-vis

How to get fillArea of AreaSeries to fill to baseline only and below top line

Author: JoeceyCreated Apr 17, 2025Updated Apr 17, 2025

I'm having an issue with using AreaSeries as shown in the graph below. I can't see any solution in the docs or online but, I was wondering if it is possible to have the grey filled area to only be below my data points and to fill all the way to my baseline of 0

Image

Code below for reference

typescript
<LineSeries
  data={comparisonLineSeriesData}
  yBaseValue={0}
  curve="curveBasis"
  color={palette.divider}
/>

<AreaSeries
  data={comparisonLineSeriesData}
  yBaseValue={0}
  curve="curveBasis"
  color={alpha(palette.divider, 0.05)}
 />

Thank you!