repo_files/documentations/radar_chart.md
RadarChart(
RadarChartData(
// read about it in the RadarChartData section
),
swapAnimationDuration: Duration(milliseconds: 150), // Optional
swapAnimationCurve: Curves.linear, // Optional
);
When you change the chart's state, it animates to the new state internally (using implicit animations). You can control the animation duration and curve using optional swapAnimationDuration and swapAnimationCurve properties, respectively.
| PropName | Description | default value |
|---|---|---|
| dataSets | list of RadarDataSet that is shown on the radar chart | [] |
| radarBackgroundColor | This property fills the background of the radar with the specified color. | Colors.transparent |
| radarShape | the shape of the border and background | RadarShape.circle |
| radarBorderData | shows a border for radar chart | BorderSide(color: Colors.black, width: 2) |
| getTitle | This function helps the radar chart to draw titles outside the chart. The default angle provided when called is making the title tangent to the radar chart. | null |
| titleTextStyle | TextStyle of the titles | TextStyle(color: Colors.black, fontSize: 12) |
| titlePositionPercentageOffset | this field is the place of showing title on the RadarChart. The higher the value of this field, the more titles move away from the chart. this field should be between 0 and 1. | 0.2 |
| tickCount | Defines the number of ticks that should be paint in RadarChart | 1 |
| ticksTextStyle | TextStyle of the tick titles | TextStyle(fontSize: 10, color: Colors.black) |
| tickBorderData | Style of the tick borders | BorderSide(color: Colors.black, width: 2) |
| gridBorderData | Style of the grid borders | BorderSide(color: Colors.black, width: 2) |
| radarTouchData | RadarTouchData handles the touch behaviors and responses. | RadarTouchData() |
| isMinValueAtCenter | If true, the minimum value of the [RadarChart] will be at the center of the chart. | false |
| PropName | Description | default value |
|---|---|---|
| dataEntries | Each RadarDataSet contains list of RadarEntries that is shown in RadarChart. | [] |
| fillColor | fills the DataSet with the specified color. | Colors.black12 |
| fillGradient | fills the DataSet with the specified gradient colors. | null |
| borderColor | Paint the DataSet border with the specified color. | Colors.blueAccent |
| borderWidth | defines the width of RadarDataSet border. | 2.0 |
| entryRadius | defines the radius of each RadarEntries . | 5.0 |
| PropName | Description | default value |
|---|---|---|
| value | RadarChart uses this field to render every point in chart. | null |
| PropName | Description | default value |
|---|---|---|
| enabled | determines to enable or disable touch behaviors | true |
| mouseCursorResolver | you can change the mouse cursor based on the provided FlTouchEvent and RadarTouchResponse | MouseCursor.defer |
| touchCallback | listen to this callback to retrieve touch/pointer events and responses, it gives you a FlTouchEvent and RadarTouchResponse | null |
| longPressDuration | allows to customize the duration of the longPress gesture. If null, the duration of the longPressGesture is kLongPressTimeout | null |
| touchSpotThreshold | the threshold of the touch accuracy. we find the nearest spots on touched position based on this field. | 10 |
| PropName | Description | default value |
|---|---|---|
| touchLocation | the location of the touch event in the device pixels coordinates | required |
| touchedSpot | the RadarTouchedSpot that user touched | null |
| PropName | Description | default value |
|---|---|---|
| touchedDataSet | the RadarDataSet that user touched | null |
| touchedDataSetIndex | index of the RadarDataSet that user touched | null |
| touchedRadarEntry | the RadarEntry that user touched | null |
| touchedRadarEntryIndex | index of the RadarEntry that user touched | null |
| PropName | Description | default value |
|---|---|---|
| text | the text of the title | required |
| children | A list of InlineSpan that you can provide to have different texts with different styels. Just like how TextSpan works | null |
| angle | the angle used to rotate the title (in degree) | 0 |
| positionPercentageOffset | this field is the place of showing title. The higher the value of this field, the more titles move away from the chart. this field should be between 0 and 1 | null |