1. Component library

RadarChart

Version:

The RadarChart control shows a radar chart. A radar chart consists of a sequence of equi-angular spokes, with each spoke representing a category. The data length of each spoke is proportional to the value of the data point for that category.

A radar chart is also known as a web chart, a spider chart, a star chart, a star plot, and other names.

The RadarChart control supports multiseries charts.

The RadarChart control supports showing a sequence of charts when the data it receives from the data provider contains multiple data sets.

Note

A multiseries chart is a chart that shows multiple data series. For example: conversion rate, visitors, and bounce rate.

Multiple data sets means that the data contains multiple complete and discrete data sets.

Properties

NameDescriptionDefault
Appearance
DisableSelectionIf true, the control does not allow chart items to be selected.False
EnableAnimationIf true, the control uses animations.False
ShowAxisIf true, the control displays axes.True
ShowLegendIf true, the control displays a legend for the chart.True
ShowValuesIf true, the control displays the values of the data points inside the graph itself.False
SingleChartHeightSpecify the height in pixels of the chart.

If the chart is part of sequence of charts, the control gives each individual chart this height.
400
SingleChartWidthIf you specify 100%, the chart takes up the available width. If you specify a number, the control gives the chart this width in pixels.

If the chart is part of a sequence of charts, 100% means each chart has the entire available width, and the chart sequence becomes a vertical sequence.

If the chart is part of a sequence of charts, and you specify an integer, the control gives each chart this width in pixels, and the sequence of charts wraps horizontally.
100%
Data
DataBind the control to the data it uses, for example: {Binding.DataProvider.Data}
DataMapping
CategoryChartFieldPoint to a ChartField item. The control uses this field as spokes.
CategoryFilterSpecify one or more values like this: {value1,value2}. The control uses each of these values to filter the data column the CategoryChartField property points to.
SeriesChartFieldPoint to a ChartField item. The control uses this field as the definition of the series it shows.
SeriesFilterSpecify one or more values like this: {value1,value2}. The control uses each of these values as a facet of the data column the SeriesChartField property points to.

If you do not enter anything, the control will create a facet for each distinct value in the data column.
ValueChartFieldsPoint to a ChartField item. The control uses this field as the angles.

Configuration

You can create a configuration item for a RadarChart control by creating an item based on the RadarChart Parameters template.

The configuration item has these inherited fields:

  • ShowAxis
  • ValueChartFields
  • SingleChartWidth
  • CategoryChartField
  • ShowLegend
  • Data
  • ShowValues
  • CategoryFilter
  • SingleChartHeight
  • IsVisible
  • AccessKey
  • Tooltip
  • Behaviors
  • Id
  • VisibleCategoriesRange
  • SeriesChartField
If you have suggestions for improving this article, let us know!