{{target: series-radar}}
radar chart
Radar chart is mainly used to show multi-variable data, such as the analysis of a football player's varied attributes. It relies radar component.
Here is the example of AQI data which is presented in radar chart.
{{use: partial-component-id(prefix=“#”)}}
{{ use: partial-series-name() }}
Index of radar component that radar chart uses.
{{ use:partial-symbol( seriesType=“radar”, defaultSymbol=“‘circle’”, defaultSymbolSize=4, prefix=“#”, hasCallback=true ) }}
{{use: partial-label-desc}} {{use: partial-label( prefix=“##”, defaultPosition=“‘top’”, formatter=true )}}
Item style of the inflection point of the lines. {{use: partial-item-style( prefix=“##”, useColorPalatte=true, hasCallback=true )}}
Line style. {{use:partial-line-style(prefix=“##”)}}
Area filling style. {{use: partial-area-style(prefix=“##”)}}
{{use: partial-item-style(prefix=“###”)}}
{{use: partial-label( prefix=“###”, formatter=true )}}
{{use: partial-line-style(prefix=“###”)}}
{{use: partial-area-style(prefix=“###”)}}
The data in radar chart is multi-variable (dimension). Here is an example:
data : [ { value : [4300, 10000, 28000, 35000, 50000, 19000], name : 'Allocated Budget' }, { value : [5000, 14000, 28000, 31000, 42000, 21000], name : 'Actual Spending' } ]
Among them, value
item array contains data that is corresponding to radar.indicator.
Data item name
Numerical value of a single data item.
{{ use:partial-symbol( defaultSymbol=“‘circle’”, defaultSymbolSize=4, prefix=“##”, name=“single data” ) }}
Style setting of the text on single inflection point. {{ use: partial-label( prefix=“###”, defaultPosition=“top” ) }}
Style setting of the symbol on single inflection point. {{use: partial-bar-item-style(prefix=“###”)}}
Line style of a single item. {{use:partial-line-style(prefix=“###”)}}
Area filling style of a single item. {{use: partial-area-style(prefix=“###”)}}
{{ use: partial-label( prefix=“####”, defaultPosition=“top” ) }}
{{use: partial-bar-item-style(prefix=“####”)}}
{{use: partial-line-style(prefix=“####”)}}
{{use: partial-area-style(prefix=“####”)}}
{{use: partial-tooltip-in-series-data( galleryViewPath=${galleryViewPath} )}}
{{use:partial-z-zlevel( prefix=“#”, componentName=“radar chart” ) }}
{{ use:partial-silent( prefix=“#” ) }}
{{use: partial-animation( prefix=“#” )}}
{{use: partial-animation( prefix=“#”, galleryEditorPath=${galleryEditorPath} )}}
{{use: partial-tooltip-in-series( galleryViewPath=${galleryViewPath} )}}