Skip to content

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

@Joecey

Description

@Joecey

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions