react-vis icon indicating copy to clipboard operation
react-vis copied to clipboard

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

Open Joecey opened this issue 8 months ago • 0 comments

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

<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!

Joecey avatar Apr 17 '25 13:04 Joecey