Skip to content

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>