Echarts 雷达图
基础用法
点击查看示例代码
vue
<template>
<h-radar-v1 :h_data="h_data"></h-radar-v1>
</template>
<script setup>
const h_data = {
component: 'h-radar-v1',
header: '软件测试基础',
meta: ['迪丽热巴', '古力娜扎'],
description: [
'关键技术点',
'SCRUM、XP、持续集成/持续交付/DevOps',
'网关、微服务、关系型/非关系型数据库、消息管道、缓存系统、大数据系统、AI 人工智能系统',
'流程管理平台JIRA、Redmine、Gitlab、禅道',
'测试流程体系、测试左移、测试右移',
],
extra: [
'*具体课程内容以实际课程安排和进度为准'
],
// 数据
content: [
{
name: '钙',
value: [4200, 5000],
max: 6500
},
{
name: '铁',
value: [3000, 14000],
max: 16000
},
{
name: '锌',
value: [20000, 28000],
max: 30000
},
{
name: '锡',
value: [35000, 26000],
max: 38000
},
{
name: '维生素A',
value: [50000, 42000],
max: 52000
},
{
name: '维生素B',
value: [18000, 21000],
max: 25000
},
]
}
</script>
<template>
<h-radar-v1 :h_data="h_data"></h-radar-v1>
</template>
<script setup>
const h_data = {
component: 'h-radar-v1',
header: '软件测试基础',
meta: ['迪丽热巴', '古力娜扎'],
description: [
'关键技术点',
'SCRUM、XP、持续集成/持续交付/DevOps',
'网关、微服务、关系型/非关系型数据库、消息管道、缓存系统、大数据系统、AI 人工智能系统',
'流程管理平台JIRA、Redmine、Gitlab、禅道',
'测试流程体系、测试左移、测试右移',
],
extra: [
'*具体课程内容以实际课程安排和进度为准'
],
// 数据
content: [
{
name: '钙',
value: [4200, 5000],
max: 6500
},
{
name: '铁',
value: [3000, 14000],
max: 16000
},
{
name: '锌',
value: [20000, 28000],
max: 30000
},
{
name: '锡',
value: [35000, 26000],
max: 38000
},
{
name: '维生素A',
value: [50000, 42000],
max: 52000
},
{
name: '维生素B',
value: [18000, 21000],
max: 25000
},
]
}
</script>