彩虹雷达图

示例

基础示例

<script setup>
const data = [
  [2016, { Perez: 73, Harris: 99, Walker: 89, Davis: 51, Johnson: 86 }],
  [2017, { Perez: 85, Harris: 89, Walker: 59, Davis: 72, Johnson: 39 }],
  [2018, { Perez: 35, Harris: 59, Walker: 58, Davis: 63, Johnson: 49 }],
]
</script>

<template>
  <div v-ec="['radarRainbow', data]" style="width: 100%; height: 500px;" />
</template>

参数说明

索引	类型	必填	默认值	说明
0	radarRainbow	是	-	-
1	Data	是	-	数据
2	Colors	否	defaultColors	配置参数
3	EcOptions	否	-	ECharts 配置参数

参数默认值

Colors

const defaultColors = ['#FFC107', '#DC3545', '#0D6EFD', '#6C757D', '#198754', '#0DCAF0']

参数类型

Data

export type Data = [string | number, Record<string, number>][]

Colors

export type Colors = string[] | null

EcOptions

export type EcOptions = Partial<EChartsOption> | null