# 图表组件 Charts

遥望图表组件库

`@ywfe/yw-charts`

**图表目录**

- [`YwLineChart` 折线图](?demo=YwLineChart)
- [`YwAreaChart` 面积图](?demo=YwAreaChart)
- [`YwColumnChart` 柱状图](?demo=YwColumnChart)
- [`YwDualAxesChart` 双轴图表](?demo=YwDualAxesChart)
- [`YwPieChart` 饼图](?demo=YwPieChart)

## 快速开始/Quick Start

### 本地安装

```bash
# 依赖
npm install @ant-design/charts --save
# 线上文档 https://unpkg.ywwl.com/@ywfe/yw-charts@latest/build/index.html
npm install @ywfe/yw-charts@latest --save
```

### CDN

```html
<!-- 依赖 antDesignCharts -->
<script src='https://cdn.ywwl.com/libs/@ant-design/charts/1.4.2/charts.min.js'></script>
<!-- Css umd -->
<link rel="stylesheet" href="https://cdn.ywwl.com/libs/@ywfe/yw-charts/0.1.0/index.umd.css">
<!-- js umd -->
<script src="https://cdn.ywwl.com/libs/@ywfe/yw-charts/0.1.0/index.umd.js"></script>
```

### 引用组件

```jsx
import { YwLineChart } from '@ywfe/yw-charts';
import { YwAreaChart } from '@ywfe/yw-charts';
import { YwColumnChart } from '@ywfe/yw-charts';
import { YwDualAxesChart } from '@ywfe/yw-charts';
import { YwPieChart } from '@ywfe/yw-charts';
```

具体每个图表使用方法。参考 DEMO 。