## border 样式设置

:::demo 边

```javascript
const data = [
  { label: '客服', category: '实际开销', value: 2 },
  { label: '研发', category: '实际开销', value: 22 },
  { label: '市场', category: '实际开销', value: 69 },
  { label: '扯淡', category: '实际开销', value: 69 },
  { label: '销售', category: '实际开销', value: 66 },
  { label: '管理', category: '实际开销', value: 32 },
  { label: '技术', category: '实际开销', value: 24 },

  { label: '客服', category: '节能减排', value: 100 },
  { label: '研发', category: '节能减排', value: 47 },
  { label: '市场', category: '节能减排', value: 73 },
  { label: '扯淡', category: '节能减排', value: 48 },
  { label: '销售', category: '节能减排', value: 10 },
  { label: '管理', category: '节能减排', value: 41 },
  { label: '技术', category: '节能减排', value: 32 }
]

const { Chart, Radar, Tooltip, Legend } = qcharts

const chart = new Chart({
  container: '#app'
})
chart.source(data, {
  row: 'category',
  value: 'value',
  text: 'label'
})

const radar = new Radar()
radar
  .style('section', (attr, data, i) => {
    if (i === 0) {
      return { lineWidth: 2, strokeColor: '#f77' }
    } else {
      return { lineDash: [2, 10] }
    }
  })
  .style('section:hover', (attr, data, i) => ({
    lineWidth: 4,
    strokeColor: 'red'
  }))

chart.append(radar)
```

:::

### section 可配置 style 说明

名称：section、section:hover

同面样式设置
