## 基本雷达图

:::demo 基本雷达图

```javascript
import React from 'react'
import ReactDOM from 'react-dom'
import { QChart, QRadar, QLegend, QTooltip } from 'qcharts-react'

function App() {
  const data = [
    { label: '分类一', category: '类别一', value: 19 },
    { label: '分类二', category: '类别一', value: 74 },
    { label: '分类三', category: '类别一', value: 40 },
    { label: '分类四', category: '类别一', value: 46 },
    { label: '分类五', category: '类别一', value: 30 },
    { label: '分类六', category: '类别一', value: 62 }
  ]
  const dataFields = {
    row: 'category',
    value: 'value',
    text: 'label'
  }

  const radarStyle = {
    point: false
  }

  return (
    <QChart data={data} dataFields={dataFields}>
      <QRadar style={radarStyle} />
      <QLegend align={['center', 'bottom']} />
      <QTooltip />
    </QChart>
  )
}

ReactDOM.render(<App />, document.querySelector('#app'))
```

:::