---
description: 'Chart component.'
labels: ['mui', 'react', 'chart']
---

import Chart from './Chart'
import BarChartIcon from '@mui/icons-material/BarChart'
import { lineChartData, chartOptions } from './mocks'

## Basic Chart component

Basic example that renders a chart

### Component usage

```js
<Chart
  title='Line chart'
  subheader={'Chart infos'}
  type='line'
  icon={BarChartIcon}
  iconColor='info'
  data={lineChartData}
  options={chartOptions}
/>
```

### Use this live example to interact with Chart component

Live example:

```js live
<Chart
  title='Line chart'
  subheader={'Chart infos'}
  type='line'
  icon={BarChartIcon}
  iconColor='info'
  data={lineChartData}
  options={chartOptions}
/>
```
