# Chart Components

The design system uses [ECharts](https://echarts.apache.org/) for data visualization.

## Container
```html
<div class="echarts-container" id="my-chart"></div>
```

## Available Chart Functions
- `createChartArea()` — Area chart
- `createChartHorizontal()` — Horizontal bar chart
- `createChartVertical()` — Vertical bar chart
- `createChartDonut()` — Donut chart
- `createChartGauge()` — Gauge chart
- `createChartLine()` — Line chart

## Chart Colors
```javascript
const colorCritical = '#ec0404';
const colorHigh     = '#d8ce0d';
const colorLow      = '#9fa2a8';
const colorSuccess  = '#8cbd24';
const colorDanger   = '#ec0404';
const colorInfo     = '#326dd1';
```

Chart helpers are in `src/assets/scripts/`. See `src/pages/charts/` for live examples.