AreaChart help | Mantine | Page 1

#

Hey folks, i want to make like a zone, between line 2015 and 1322, in between i want to have a solid color, how can i do that?

#

Here is code if it matters

#

<AreaChart
  h={600}
  withYAxis={false}
  withXAxis={false}
  gridAxis="none"
  dotProps={{ r: 0, strokeWidth: 2 }}
  activeDotProps={{ r: 4, strokeWidth: 2 }}
  data={ethdata}
  unit="$"
  series={[{ name: "Apples", color: "indigo.6" }]}
  curveType="linear"
  tooltipProps={{
    content: ({ label, payload }) => (
      <ChartTooltip label={label} payload={payload} />
    ),
  }}
  referenceLines={[
    { y: 2799, label: `Pivot Support: ${2799}`, color: "red.6" },
    { y: 1322, label: `Pivot Support: ${1322}`, color: "red.6" },
    { y: 2015, label: `Pivot Support: ${2015}`, color: "red.6" },
  ]}
/>

#

Like, for those 2 reference lines to be like one

#AreaChart help