Rainbow Radar Chart

Examples

Basic Example

<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>

Parameter Description

Index	Type	Required	Default Value	Description
0	radarRainbow	Yes	-	-
1	Data	Yes	-	Data
2	Colors	No	defaultColors	Configuration Parameters
3	EcOptions	No	-	ECharts Configuration Options

Default Parameter Values

Colors

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

Parameter Types

Data

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

Colors

export type Colors = string[] | null

EcOptions

export type EcOptions = Partial<EChartsOption> | null