# Area

Area charts display raw data with colors between axis and line.

# Usage

To visualize your data with area chart, change the type prop to 'area'


 



<charts-css
    type="area"
    ...
/>
1
2
3
4

# Dimensions

To control the chart dimensions you can use regular CSS. You can use media queries to set different dimensions for smaller devices.

#my-chart .charts-css.area {
  height: 200px;
  max-width: 300px;
  margin: 0 auto;
}
1
2
3
4
5

You can also pass this as a prop



 



<charts-css
    ...
    height="300px"
    ...
/>
1
2
3
4
5