Charts - Areas demonstration

<LineChart
  width={500}
  height={300}
  series={[{ data: uData, label: 'uv', area: true, showMark: false }]}
  xAxis={[{ scaleType: 'point', data: xLabels }]}
  sx={{
    '.MuiLineElement-root': {
      display: 'none',
    },
  }}
/>

<ChartContainer
  width={500}
  height={300}
  series={[
    {
      data: uData,
      type: 'line',
      label: 'uv',
      area: true,
      stack: 'total',
    },
  ]}
  xAxis={[{ scaleType: 'point', data: xLabels }]}
>
  <AreaPlot />
</ChartContainer>

<LineChart
  xAxis={[{ data: xData, scaleType: 'point' }]}
  series={[{ data, showMark: false, area: true }]}
  height={200}
  margin={{ top: 10, bottom: 20 }}
/>
<LineChart
  xAxis={[{ data: xData, scaleType: 'point' }]}
  series={[{ data, showMark: false, area: true, connectNulls: true }]}
  height={200}
  margin={{ top: 10, bottom: 20 }}
/>