Skip to content

Rainbow Radar Chart

Examples

Basic Example

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

IndexTypeRequiredDefault ValueDescription
0radarRainbowYes--
1DataYes-Data
2ColorsNodefaultColorsConfiguration Parameters
3EcOptionsNo-ECharts Configuration Options

Default Parameter Values

Colors

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

Parameter Types

Data

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

Colors

ts
export type Colors = string[] | null

EcOptions

ts
export type EcOptions = Partial<EChartsOption> | null

Released under the MIT License.