Charts - Bar demonstration

<ChartContainer
  width={500}
  height={300}
  series={[{ data: uData, label: 'uv', type: 'bar' }]}
  xAxis={[{ scaleType: 'band', data: xLabels }]}
>
  <BarPlot />
</ChartContainer>

<BarChart
  height={300}
  series={[
    { data: pData, label: 'pv', id: 'pvId' },
    { data: uData, label: 'uv', id: 'uvId' },
  ]}
  xAxis={[{ data: xLabels }]}
  yAxis={[{ width: 50 }]}
/>

<BarChart
  height={300}
  series={[
    { data: pData, label: 'pv', id: 'pvId', stack: 'total' },
    { data: uData, label: 'uv', id: 'uvId', stack: 'total' },
  ]}
  xAxis={[{ data: xLabels }]}
  yAxis={[{ width: 50 }]}
/>

<BarChart
  height={300}
  series={[
    { data: pData, label: 'pv', stack: 'stack1' },
    { data: amtData, label: 'amt' },
    { data: uData, label: 'uv', stack: 'stack1' },
  ]}
  xAxis={[{ data: xLabels }]}
  yAxis={[{ width: 50 }]}
/>

<BarChart
  height={300}
  series={[
    { data: pData, label: 'pv' },
    { data: uData, label: 'uv' },
  ]}
  xAxis={[{ data: xLabels }]}
  yAxis={[{ width: 60, max: 10000 }]}
/>

<BarChart
  height={300}
  series={[
    { data: pData, label: 'pv', id: 'pvId', stack: 'stack1' },
    { data: uData, label: 'uv', id: 'uvId', stack: 'stack1' },
  ]}
  xAxis={[{ data: xLabels }]}
  yAxis={[{ width: 60 }]}
/>