Charts - Areas demonstration

<LineChart
  width={500}
  height={300}
  series={[{ data: uData, label: 'uv', area: true }]}
  xAxis={[{ scaleType: 'point', data: xLabels }]}
  sx={{
    '.MuiLineElement-root, .MuiMarkElement-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>