# Line chart with area (Chartist example)
> One series drawn as a line with the area below it filled down to zero.
`src/main.ts`:
```ts
import 'chartist/styles.css';
import { lineChart } from 'chartist';
lineChart(
'#chart',
{
labels: [1, 2, 3, 4, 5, 6, 7, 8],
series: [[5, 9, 7, 8, 5, 3, 5, 4]]
},
{
low: 0,
showArea: true
}
);
```
`index.html`:
```html
```
The same chart with the 1.x classes (`src/main.classic.ts`):
```ts
import 'chartist/styles.css';
import { LineChart } from 'chartist';
new LineChart(
'#chart',
{
labels: [1, 2, 3, 4, 5, 6, 7, 8],
series: [[5, 9, 7, 8, 5, 3, 5, 4]]
},
{
low: 0,
showArea: true
}
);
```