{{ target: series-radar }}
雷达图
雷达图主要用于表现多变量的数据,例如球员的各个属性分析。依赖 radar 组件。
下面是 AQI 数据用雷达图表现的示例。
{{ use: partial-component-id( prefix = “#” ) }}
{{ use: partial-series-name() }}
雷达图所使用的 radar 组件的 index。
{{ use: partial-symbol( seriesType = “radar”, defaultSymbol = “‘circle’”, defaultSymbolSize = 4, prefix = “#”, hasCallback = true ) }}
{{ use: partial-label-desc() }}
{{ use: partial-label( prefix = “##”, defaultPosition = “‘top’”, formatter = true ) }}
{{ use: partial-label-layout( prefix = “##” ) }}
折线拐点标志的样式。
{{ use: partial-item-style( prefix = “##”, useColorPalatte = true, hasCallback = true, useDecal = true, decalOnlyWithAreaStyle = true ) }}
线条样式。
{{ use: partial-line-style( prefix = “##” ) }}
区域填充样式。
{{ use: partial-area-style( prefix = “##” ) }}
高亮状态的配置。
{{ use: partial-focus-blur-scope() }}
{{ use: radar-state( prefix = “##” ) }}
{{ use: partial-version( version = “5.0.0” ) }}
淡出状态的配置。开启 emphasis.focus 后有效。
{{ use: radar-state( prefix = “##” ) }}
{{ use: partial-version( version = “5.0.0” ) }}
选中状态的配置。开启 selectedMode 后有效。
{{ use: radar-state( prefix = “##” ) }}
{{ use: partial-selected-mode( version = ‘5.0.0’ ) }}
{{ use: partial-series-group-id() }}
雷达图的数据是多变量(维度)的,如下示例:
data : [ { value : [4300, 10000, 28000, 35000, 50000, 19000], name : '预算分配(Allocated Budget)' }, { value : [5000, 14000, 28000, 31000, 42000, 21000], name : '实际开销(Actual Spending)' } ]
其中的value
项数组是具体的数据,每个值跟 radar.indicator 一一对应。
数据项名称
单个数据项的数值。
{{ use: partial-data-group-id( prefix = ‘##’ ) }}
{{ use: partial-symbol( defaultSymbol = “‘circle’”, defaultSymbolSize = 4, prefix = “##”, name = “单个数据” ) }}
单个拐点文本的样式设置。
{{ use: partial-label( prefix = “###”, defaultPosition = “top” ) }}
单个拐点标志的样式设置。
{{ use: partial-item-style( prefix = “###” ) }}
单项线条样式。
{{ use: partial-line-style( prefix = “###” ) }}
单项区域填充样式。
{{ use: partial-area-style( prefix = “###” ) }}
单个数据项样式的高亮状态。
{{ use: radar-state( prefix = “###” ) }}
{{ use: partial-version( version = “5.0.0” ) }}
单个数据项样式的淡出状态。
{{ use: radar-state( prefix = “###” ) }}
{{ use: partial-version( version = “5.0.0” ) }}
单个数据项样式的选中状态。
{{ use: radar-state( prefix = “###” ) }}
{{ use: partial-tooltip-in-series-data() }}
{{ use: partial-z-zlevel( prefix = “#”, componentName = “雷达图” ) }}
{{ use: partial-silent( prefix = “#” ) }}
{{ use: partial-animation( prefix = “#” ) }}
{{ use: partial-universal-transition( prefix = “#” ) }}
{{ use: partial-tooltip-in-series() }}
{{ target: radar-state }}
#${prefix} itemStyle(Object)
{{ use: partial-item-style( prefix = “#” + ${prefix} ) }}
#${prefix} label(Object)
{{ use: partial-label( prefix = “#” + ${prefix}, formatter = ${prefix} === ‘##’ ) }}
#${prefix} lineStyle(Object)
{{ use: partial-line-style( prefix = “#” + ${prefix} ) }}
#${prefix} areaStyle(Object)
{{ use: partial-area-style( prefix = “#” + ${prefix} ) }}