element ui 绘制雷达图
时间: 2024-01-12 13:22:34 浏览: 22
以下是使用Element UI绘制雷达图的示例:
```html
<template>
<div>
<el-row>
<el-col :span="12">
<el-card>
<el-radar-chart :data="chartData" :radar="radar"></el-radar-chart>
</el-card>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
data() {
return {
chartData: [
{
name: '预算 vs 开销',
value: [4300,10000, 28000, 35000, 50000, 19000],
},
{
name: '实际开销',
value: [5000, 14000, 28000, 31000, 42000, 21000],
},
],
radar: {
indicator: [
{ text: '销售', max: 6500 },
{ text: '管理', max: 16000 },
{ text: '信息技术', max: 30000 },
{ text: '客服', max: 38000 },
{ text: '研发', max: 52000 },
{ text: '市场', max: 25000 },
],
},
};
},
};
</script>
```