---
order: 6
group:
  title: 图表
  order: 1
---

## 雷达图

```tsx
import React from 'react';
import * as Charts from 'edata-charts';

const props = {
  textStyle: { color: '#fff', fontSize: 12 },
  color: '#2DB9FF',
  data: [
    { name: '便捷指数', max: 6500, value: 4300 },
    { name: '服务指数', max: 16000, value: 10000 },
    { name: '健康指数', max: 30000, value: 24000 },
    { name: '安全指数', max: 38000, value: 24000 },
    { name: '教育指数', max: 52000, value: 24000 },
  ],
};

export default () => (
  <div style={{ background: '#000', padding: 20 }}>
    <Charts.RadarChart size={{ height: 250 }} {...props} />
  </div>
);
```

## API

| 参数   | 说明                                                                                        | 类型   |
| ------ | ------------------------------------------------------------------------------------------- | ------ |
| size   | 容器的宽高                                                                                  | object |
| option | 图表配置项，具体配置请参照[echarts 配置项 ](https://www.echartsjs.com/zh/option.html#title) | object |

### size

| 参数   | 说明 | 类型           |
| ------ | ---- | -------------- |
| width  | 宽度 | number\|string |
| height | 高度 | number\|string |