RadarGraph

雷达图基础组件。雷达图主要用于表现多变量的数据,例如球员的各个属性分析。

使用场景

  • 雷达图主要用于表现多变量的数据,使用户能够从视觉上得到各数据变量的关系结果,正确使用可以提升用户体验。

API

Attributes

仪表盘组件属性。

参数说明类型必选可选值默认值版本
data雷达图需要显示的指标数据{value: number; name: string}[]--版本
RadarIndicator雷达图坐标系数据IndicatorType--版本
RadarOption雷达图配置RadarOption--版本
IndicatorOption雷达图坐标系配置IndicatorOptionType--版本

IndicatorType

参数说明类型必选可选值默认值版本
name指示器名称string--版本
max指示器的最大值,可选,建议设置number--版本
min指示器的最小值,可选,默认为 0number--版本
color标签特定的颜色string--版本

IndicatorOptionType

参数说明类型必选可选值默认值版本
id组件 ID。默认不指定string--版本
zlevel所有图形的 zlevel 值number--版本
z组件的所有图形的z值。控制图形的前后顺序number--版本
center雷达图的中心(圆心)坐标(string / number)[]--版本
radius雷达图的半径numberstring(stringnumber)[]
startAngle坐标系起始角度,也就是第一个指示器轴的角度number--版本
nameGap指示器名称和指示器轴的距离number--版本
splitNumber指示器轴的分割段数number--版本
shape雷达图绘制类型,支持 'polygon' 和 'circle'string--版本
scale是否是脱离 0 值比例boolean--版本
silent坐标轴是否是静态无法交互boolean--版本
triggerEvent坐标轴的标签是否响应和触发鼠标事件,默认不响应boolean--版本
axisName雷达图每个指示器名称的配置项,具体参考axisNameobject--版本
axisLine坐标轴轴线相关设置,具体参考axisLineobject--版本
axisTick坐标轴刻度相关设置,具体参考axisTickobject--版本
axisLabel坐标轴刻度标签的相关设置,具体参考axisLabelobject--版本
splitLine坐标轴在 grid 区域中的分隔线,具体参考splitLineobject--版本
splitArea坐标轴在 grid 区域中的分隔区域,默认不显示,具体参考splitAreaobject--版本

RadarOption

参数说明类型必传默认值可选值
type图表类型stringradar-
name系列名称,用于 tooltip 的显示,legend 的图例筛选,在 setOption 更新数据和配置项时用于指定对应的系列string--
colorBy从调色盘 option.color 中取色的策略string'series'/'data'-
radarIndex雷达图所使用的 IndicatorOption 的 indexnumber--
label饼图图形上的文本标签,可用于说明图形的一些数据信息,比如值,名称等,详细参考labelobject--
labelLayout标签的统一布局配置,详细参考labelLayoutobject--
emphasis高亮状态的配置,详细参考emphasisobject--
itemStyle折线拐点标志的样式,详细参考itemStyleobject--
lineStyle线条样式,详细参考lineStyleobject--
areaStyle区域填充样式,详细参考areaStyleobject--
animation是否开启动画,默认开启booleantruetrue/false